Skip to content

X
xiaomai-cloud-class-web
Commit b0a4e234 by wufan
Options

fix:修复拖动banner透明问题

parent fb8e5736
Showing with 33 additions and 13 deletions
src/modules/store-manage/StoreDecorationPage.less
...@@ -86,16 +86,36 @@ ...@@ -86,16 +86,36 @@
} }
} }
} }
.row-dragging { .row-dragging {
background: #fafafa; background: #fafafa;
border: 1px solid #ccc; border: 1px solid #ccc;
} z-index: 150;
td {
.row-dragging td { padding: 16px 0;
padding: 16px;
visibility: hidden; visibility: hidden;
} }
.drag-visible {
.row-dragging .drag-visible {
visibility: visible; visibility: visible;
} }
.banner-thumbnail {
width: 230px;
height: 79px;
}
.web-banner-thumbnail {
width: 389px;
height: 67px;
}
.index-num {
height: 33px;
font-size: 24px;
color: #999;
line-height: 33px;
width: 20px;
}
.drag-icon {
font-size: 24px;
line-height: 18px;
color: #999999;
width: 20px;
}
}
src/modules/store-manage/StoreH5DecorationTab.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wufan * @Author: wufan
* @Date: 2020-11-30 10:47:38 * @Date: 2020-11-30 10:47:38
* @LastEditors: wufan * @LastEditors: wufan
* @LastEditTime: 2020-12-23 20:26:34 * @LastEditTime: 2020-12-24 13:37:32
* @Description: web店铺banner页面 * @Description: web店铺banner页面
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -82,6 +82,7 @@ class StoreWebDecoration extends React.Component { ...@@ -82,6 +82,7 @@ class StoreWebDecoration extends React.Component {
title: "sequence", title: "sequence",
dataIndex: "sequence", dataIndex: "sequence",
key: "sequence", key: "sequence",
className: "drag-visible",
width: 20, width: 20,
render: (val, record, index) => { render: (val, record, index) => {
return <div className="index-num">{index + 1}</div>; return <div className="index-num">{index + 1}</div>;
...@@ -100,7 +101,6 @@ class StoreWebDecoration extends React.Component { ...@@ -100,7 +101,6 @@ class StoreWebDecoration extends React.Component {
title: "操作", title: "操作",
dataIndex: "operation", dataIndex: "operation",
width: "20%", width: "20%",
className: "drag-visible",
render: (val, record) => { render: (val, record) => {
return ( return (
<div className="operation"> <div className="operation">
......
src/modules/store-manage/StoreWebDecorationTab.jsx
...@@ -2,7 +2,7 @@ ...@@ -2,7 +2,7 @@
* @Author: wufan * @Author: wufan
* @Date: 2020-11-30 10:47:38 * @Date: 2020-11-30 10:47:38
* @LastEditors: wufan * @LastEditors: wufan
* @LastEditTime: 2020-12-23 15:06:47 * @LastEditTime: 2020-12-24 13:38:10
* @Description: web店铺banner页面 * @Description: web店铺banner页面
* @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有 * @@Copyrigh: © 2020 杭州杰竞科技有限公司 版权所有
*/ */
...@@ -82,6 +82,7 @@ class StoreWebDecoration extends React.Component { ...@@ -82,6 +82,7 @@ class StoreWebDecoration extends React.Component {
title: "sequence", title: "sequence",
dataIndex: "sequence", dataIndex: "sequence",
key: "sequence", key: "sequence",
className: "drag-visible",
width: 20, width: 20,
render: (val, record, index) => { render: (val, record, index) => {
return <div className="index-num">{index + 1}</div>; return <div className="index-num">{index + 1}</div>;
...@@ -100,7 +101,6 @@ class StoreWebDecoration extends React.Component { ...@@ -100,7 +101,6 @@ class StoreWebDecoration extends React.Component {
title: "操作", title: "操作",
dataIndex: "operation", dataIndex: "operation",
width: "20%", width: "20%",
className: "drag-visible",
render: (val, record) => { render: (val, record) => {
return ( return (
<div className="operation"> <div className="operation">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment