diff --git a/src/assets/styles/util.scss b/src/assets/styles/util.scss
index be155a0..6c90650 100644
--- a/src/assets/styles/util.scss
+++ b/src/assets/styles/util.scss
@@ -7,7 +7,9 @@
.u-abso {
position: absolute;
}
-.u-fixed,.u-fix{
+
+.u-fixed,
+.u-fix {
position: fixed;
}
@@ -22,6 +24,7 @@ view,
text {
box-sizing: border-box;
}
+
/* #endif */
.u-font-xs {
@@ -130,39 +133,44 @@ text {
// 定义内外边距,历遍1-80
@for $i from 0 through 80 {
+
// 只要双数和能被5除尽的数
- @if $i % 2 == 0 or $i % 5 == 0 {
+ @if $i % 2==0 or $i % 5==0 {
+
// 得出:u-margin-30或者u-m-30
- .u-margin-#{$i}, .u-m-#{$i} {
- margin: $i + px!important;
+ .u-margin-#{$i},
+ .u-m-#{$i} {
+ margin: $i + px !important;
}
-
+
// 得出:u-padding-30或者u-p-30
- .u-padding-#{$i}, .u-p-#{$i} {
- padding: $i + px!important;
+ .u-padding-#{$i},
+ .u-p-#{$i} {
+ padding: $i + px !important;
}
-
+
@each $short, $long in l left, t top, r right, b bottom {
+
// 缩写版,结果如: u-m-l-30
// 定义外边距
.u-m-#{$short}-#{$i} {
- margin-#{$long}: $i + px!important;
+ margin-#{$long}: $i + px !important;
}
-
+
// 定义内边距
.u-p-#{$short}-#{$i} {
- padding-#{$long}: $i + px!important;
+ padding-#{$long}: $i + px !important;
}
-
+
// 完整版,结果如:u-margin-left-30
// 定义外边距
.u-margin-#{$long}-#{$i} {
- margin-#{$long}: $i + px!important;
+ margin-#{$long}: $i + px !important;
}
-
+
// 定义内边距
.u-padding-#{$long}-#{$i} {
- padding-#{$long}: $i + px!important;
+ padding-#{$long}: $i + px !important;
}
}
}
@@ -176,116 +184,146 @@ text {
/* start--文本行数限制--start */
.u-line-1 {
- overflow: hidden;
- white-space: nowrap;
- text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ text-overflow: ellipsis;
}
.u-line-2 {
- -webkit-line-clamp: 2;
+ -webkit-line-clamp: 2;
}
.u-line-3 {
- -webkit-line-clamp: 3;
+ -webkit-line-clamp: 3;
}
.u-line-4 {
- -webkit-line-clamp: 4;
+ -webkit-line-clamp: 4;
}
.u-line-5 {
- -webkit-line-clamp: 5;
+ -webkit-line-clamp: 5;
}
-.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
- overflow: hidden;
+.u-line-2,
+.u-line-3,
+.u-line-4,
+.u-line-5 {
+ overflow: hidden;
word-break: break-all;
- text-overflow: ellipsis;
- display: -webkit-box; // 弹性伸缩盒
- -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
+ text-overflow: ellipsis;
+ display: -webkit-box; // 弹性伸缩盒
+ -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
}
/* end--文本行数限制--end */
/* start--不同颜色文字--start */
-.color-333{
+.color-333 {
color: #333;
}
-.color-666{
+
+.color-666 {
color: #666;
}
-.color-999{
+
+.color-999 {
color: #999;
}
+.color-red {
+ color: rgb(250, 85, 85);
+}
+
+
/* end--不同颜色文字--end */
-
-.tranistion{
+.tranistion {
transition: all .3s ease-in-out;
}
-.tranistion-1{
+
+.tranistion-1 {
transition: all .1s ease-in-out;
}
-.tranistion-2{
+
+.tranistion-2 {
transition: all .2s ease-in-out;
}
-.font-bold{
+
+.font-bold {
font-weight: 700;
}
+.font-600 {
+ font-weight: 600;
+}
-.bg-gray{
+.bg-gray {
background-color: #F9F9F9;
}
-.w-full{
+
+.w-full {
width: 100%;
}
-.gap-10{
+
+.gap-10 {
gap: 10px;
}
-.gap-20{
+
+.gap-20 {
gap: 20px;
}
-.color-aaa{
+
+.color-aaa {
color: #aaa;
}
-.color-000{
+
+.color-000 {
color: #000;
}
-.color-fff{
+
+.color-fff {
color: #fff;
}
-.bg-fff{
+
+.bg-fff {
background-color: #fff;
}
-.bg-gray{
+
+.bg-gray {
background-color: #F9F9F9;
}
-.overflow-hide{
+
+.overflow-hide {
overflow: hidden;
}
-.no-wrap{
+
+.no-wrap {
white-space: nowrap;
}
-.border-r-12{
+
+.border-r-12 {
border-radius: 12px;
}
-.border-r-18{
+
+.border-r-18 {
border-radius: 18px;
}
-.border-top{
+
+.border-top {
border-top: 1px solid #E5E5E5;
}
-.border-bottom{
+
+.border-bottom {
border-bottom: 1px solid #E5E5E5;
}
-.scale7{
+
+.scale7 {
transform: scale(0.7);
}
-.position-all{
+.position-all {
left: 0;
right: 0;
top: 0;
@@ -295,18 +333,20 @@ text {
.lh16 {
line-height: 16px;
}
-.default-box-padding{
+
+.default-box-padding {
padding: 16px 14px;
}
-.zIndex-999{
+.zIndex-999 {
z-index: 999;
}
-.icon-default-size{
+
+.icon-default-size {
width: 14px;
height: 14px;
}
-.filter-gray{
+.filter-gray {
filter: grayscale(1);
}
\ No newline at end of file
diff --git a/src/views/table/components/choose-user.vue b/src/views/table/components/choose-user.vue
index 6427ca7..c391b32 100644
--- a/src/views/table/components/choose-user.vue
+++ b/src/views/table/components/choose-user.vue
@@ -128,9 +128,7 @@ export default {
},
},
mounted() {
- cacheData = { ...this.query };
- this.getTableData();
- this.getShopInfo();
+ // this.getTableData();
},
methods: {
cellClick(user){
@@ -155,6 +153,7 @@ export default {
this.show = false;
},
open() {
+ this.getTableData();
this.show = true;
},
toPage(type) {
diff --git a/src/views/table/components/table-diancan-components/discount.vue b/src/views/table/components/table-diancan-components/discount.vue
new file mode 100644
index 0000000..bc9e9b8
--- /dev/null
+++ b/src/views/table/components/table-diancan-components/discount.vue
@@ -0,0 +1,197 @@
+
+