diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 4c1f0fd5..c5da51f0 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -693,5 +693,14 @@ img, picture { .el-dialog{ width: 90%; } +.diallog_width{ + .el-dialog{ + width: 100%; + } + .el-dialog__title{ + color: #e1001a; + } +} + } \ No newline at end of file diff --git a/rc-busness/assets/css/producted.less b/rc-busness/assets/css/producted.less index 1233788a..9a06dab2 100644 --- a/rc-busness/assets/css/producted.less +++ b/rc-busness/assets/css/producted.less @@ -525,9 +525,8 @@ display: flex; align-items: center; justify-content: center; - width: 59px; font-size: 16px; - height: 39px; + padding: 5px; border-radius: 3px; } } diff --git a/rc-busness/package.json b/rc-busness/package.json index 4954d2f6..d92fce52 100644 --- a/rc-busness/package.json +++ b/rc-busness/package.json @@ -24,14 +24,15 @@ "less-loader": "^6.0.0", "nuxt": "^2.15.7", "nuxt-tailvue": "^1.0.95", - "qrcodejs2": "^0.0.2", + "swiper": "^5.4.5", "vant": "^2.12.22", "vue-awesome-swiper": "^4.1.1", - "vuex-persistedstate": "^4.1.0", - "swiper":"^5.4.5" + "vue-qr": "^3.2.4", + "vuex-persistedstate": "^4.1.0" }, "devDependencies": { "@vant/area-data": "^1.1.5", + "qrcodejs2": "^0.0.2", "webpack": "^4.46.0" } } diff --git a/rc-busness/pages/address/address.vue b/rc-busness/pages/address/address.vue index 58b6837e..3ef1e4f6 100644 --- a/rc-busness/pages/address/address.vue +++ b/rc-busness/pages/address/address.vue @@ -121,7 +121,5 @@ export default { .van-overlay { background-color: transparent; } -.v-modal { - background: transparent; -} + \ No newline at end of file diff --git a/rc-busness/pages/myorder/userrecord.vue b/rc-busness/pages/myorder/userrecord.vue index aefb13d4..bd9a35bf 100644 --- a/rc-busness/pages/myorder/userrecord.vue +++ b/rc-busness/pages/myorder/userrecord.vue @@ -534,10 +534,11 @@ export default { .list-left { display: flex; align-items: center; + width: 50%; } ul { display: flex; - width: 70%; + width: 50%; justify-content: space-around; align-items: center; } @@ -551,6 +552,14 @@ export default { font-weight: bold; font-size: 20px; } + + .del{ + em{ + color: #e1001a; + border-bottom: 1px solid #e1001a; + cursor:pointer ; + } + } .product { display: flex; justify-content: space-between; @@ -560,9 +569,8 @@ export default { font-weight: bold; font-size: 18px; } - .product-img { - margin-right: 10px; + margin-right: 15px; width: 96px; height: 96px; img { @@ -755,14 +763,23 @@ export default { .product { margin-left: 16px; } + .list-left{ + width: 100%; + } ul { margin-top: -32px; - margin-left: 128px; - width: 60%; + margin-left: 140px; + width: 50%; .del { display: none; } } + .product-title{ + width: 225px; + text-overflow: ellipsis; + white-space:nowrap; + overflow: hidden; + } } } } diff --git a/rc-busness/pages/personal/settlement.less b/rc-busness/pages/personal/settlement.less index 692f3bc5..ea342148 100644 --- a/rc-busness/pages/personal/settlement.less +++ b/rc-busness/pages/personal/settlement.less @@ -10,7 +10,7 @@ ul li ol li em strong i { .settlement { - padding-top: 100px; + padding-top: 60px; } @@ -123,6 +123,15 @@ ul li ol li em strong i { &.active { border: 1px solid #E2001A; + + .arrow_ph { + position: absolute; + top: -5px; + right: -25px; + font-size: 40px; + display: none; + color: #666666; + } } .edit { @@ -363,21 +372,45 @@ ul li ol li em strong i { } } } -.diallog_width{ + +.diallog_width { width: 100%; max-width: 440px; margin: 0 auto; } -.el-dialog{ - width: 100%; + +.el-dialog__header{ + color: #e1001a; } //手机端 @media screen and (max-width: 768px) { - - .diallog_width{ + .settlement { + padding-top: 0; + } + .diallog_width { width: 100%; } + + .inline { + display: inline; + } + + .tl { + text-align: left; + } + + .pop_list { + p{ padding: 0; margin: 0; line-height: 180%;} + .mypersonal { + border-bottom: 1px solid #d8d8d8; + padding: 15px 0; + } + input,.el-icon-edit{ + margin-top: 20px; + } + } + .rc-main { .address-list { display: contents; @@ -385,31 +418,57 @@ ul li ol li em strong i { .mypersonal { width: 100%; height: auto; + display: none; + border: none; + padding: 0; + + &.active { + display: block; + border: none; + + .arrow_ph { + display: block; + } + + .edit { + display: none; + } + } + + &.add { + // display: block; + } } } + .rc-usermain { - .rc-right { display: table} + .rc-right { + display: table + } } - .rc-merchandise{ + + .rc-merchandise { padding: 15px 0 120px; - ul{ + + ul { float: none; width: 100%; } } - .rc-foot{ - .rc-foo{ + + .rc-foot { + .rc-foo { display: flex; - justify-content: space-around; - flex-direction: row; - align-items: self-end; - position: fixed; - bottom: 0; - background: #fff; - width: 100%; - padding: 10px; + justify-content: space-around; + flex-direction: row; + align-items: self-end; + position: fixed; + bottom: 0; + background: #fff; + width: 100%; + padding: 10px; } } } - + } \ No newline at end of file diff --git a/rc-busness/pages/personal/settlement.vue b/rc-busness/pages/personal/settlement.vue index c8d0fd6f..5f71006a 100644 --- a/rc-busness/pages/personal/settlement.vue +++ b/rc-busness/pages/personal/settlement.vue @@ -2,9 +2,9 @@
{{ item.recipient }}
+{{ item.recipientPhone }}
+{{ item.address }}
+您的商品我们正在抓紧打包,请耐心等候!
微信扫一扫,识别二维码
加入社群0元试用商品随单发放