diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index 0c1a5e5d..c5b9404b 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -517,6 +517,7 @@ export const goodsmessage = (productCode) => { //地址的添加 //id/详细地址/ 收货人姓名/收货人电话号码/省份id/城市id/区域编码 export const editaddress = (memberId, detailAddress,recipient,tel,provinceId,cityId,districtId) => { + var data = { memberId:844350, provinceId:25, @@ -528,7 +529,7 @@ export const goodsmessage = (productCode) => { zipCode:'214423', default:false, } - return fetch('memberAddress?type=add', data, 'POST' ) + return fetch('memberAddress?type=add', memberId, 'POST' ) } //删除 @@ -541,21 +542,13 @@ export const goodsmessage = (productCode) => { } //地址的编辑 - export const editupdate = (mobile, pet,address) => { - var data = { - - memberId:'3242', - id:'620111', - provinceId:'', - cityId:'', - districtId:'', - detailAddress:'江西省萍乡市', - recipient:'刘佳敏', - recipientPhone:'13407998521', - zipCode:'', - isDefault:'', - } - return fetch('memberAddress?type=update', data, 'POST' ) + export const editupdate = (userid,) => { + // var data = { + // memberId:userid, + // id:id, + // isDefault:isDefault, + // } + return fetch('memberAddress?type=update', userid, 'POST' ) } //修改密码 @@ -615,3 +608,16 @@ export const getOrderList = (user, status) => { return fetch('/api/getOrderList', data) } + + + //购物车操作 + export const memberAddress = (type,data) => { + return fetch('memberAddress?type='+type, data, 'POST' ) + } + + + //支付宝支付二维码 + export const generateOrderAlipay = (data) => { + return fetch('generateOrderAlipay', data, 'POST' ) + } + \ No newline at end of file diff --git a/rc-busness/assets/css/addaddress.less b/rc-busness/assets/css/addaddress.less index 471c5f6f..53b349ee 100644 --- a/rc-busness/assets/css/addaddress.less +++ b/rc-busness/assets/css/addaddress.less @@ -2,50 +2,51 @@ @media screen and (max-width:768px){ - .usercontend{ + .rc-button{ display: flex; + justify-content: center; + font-size: 14px; + width: 100%; + box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); + height: 80px; + align-items: center; + padding:0 20px 0 20px; + span + { + width: 160px; + height: 48px; + border: 2px solid #E2001A; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #E2001A; + } + em{ + font-style: normal; + width: 164px; + height: 48px; + background: #E2001A; + cursor: pointer; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #FFFFFF; + margin-left: 40px; + } + } + .usercontend{ align-items: center; justify-content: center; flex-direction: column; + min-height: 70vh; .rc-useaddress{ textarea{ display: none; } } - .rc-button{ - display: flex; - justify-content: center; - font-size: 14px; - width: 100%; - box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); - height: 80px; - align-items: center; - padding:0 20px 0 20px; - span - { - width: 160px; - height: 48px; - border: 2px solid #E2001A; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #E2001A; - } - em{ - font-style: normal; - width: 164px; - height: 48px; - background: #E2001A; - cursor: pointer; - border-radius: 30px; - display: flex; - align-items: center; - justify-content: center; - color: #FFFFFF; - margin-left: 40px; - } - } + .rc-max-width--xl{ h2{ display: none; @@ -55,7 +56,7 @@ } .rc-max-width--xl{ - margin-top: 16px; + padding: 24px 20px 0 20px; input{ width: 258px; height: 34px; @@ -100,6 +101,40 @@ @media screen and (min-width: 769px) { + .rc-button{ + display: flex; + justify-content: center; + font-size: 14px; + width: 100%; + box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); + height: 80px; + align-items: center; + padding:0 20px 0 20px; + span + { + width: 160px; + height: 48px; + border: 2px solid #E2001A; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #E2001A; + } + em{ + font-style: normal; + width: 164px; + height: 48px; + background: #E2001A; + cursor: pointer; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #FFFFFF; + margin-left: 40px; + } + } .usercontend{ display: flex; align-items: center; @@ -197,12 +232,11 @@ // .rc-phone{ // } -// .rc-address{ + .rc-address{ + position: relative; -// } -// .rc-useaddress{ - -// } + } + diff --git a/rc-busness/assets/css/editaddress.less b/rc-busness/assets/css/editaddress.less index 269b6de2..53b349ee 100644 --- a/rc-busness/assets/css/editaddress.less +++ b/rc-busness/assets/css/editaddress.less @@ -1,3 +1,6 @@ + + + @media screen and (max-width:768px){ .rc-button{ display: flex; @@ -7,8 +10,6 @@ box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); height: 80px; align-items: center; - position: absolute; - bottom: 0; padding:0 20px 0 20px; span { @@ -35,8 +36,27 @@ margin-left: 40px; } } + .usercontend{ + align-items: center; + justify-content: center; + flex-direction: column; + min-height: 70vh; + .rc-useaddress{ + textarea{ + display: none; + } + } + + .rc-max-width--xl{ + h2{ + display: none; + } + } + + } + .rc-max-width--xl{ - margin-top: 16px; + padding: 24px 20px 0 20px; input{ width: 258px; height: 34px; @@ -61,8 +81,6 @@ span{ text-align: left; } - - } // .rc-phone{ @@ -82,8 +100,147 @@ } @media screen and (min-width: 769px) -{ +{ + .rc-button{ + display: flex; + justify-content: center; + font-size: 14px; + width: 100%; + box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); + height: 80px; + align-items: center; + padding:0 20px 0 20px; + span + { + width: 160px; + height: 48px; + border: 2px solid #E2001A; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #E2001A; + } + em{ + font-style: normal; + width: 164px; + height: 48px; + background: #E2001A; + cursor: pointer; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #FFFFFF; + margin-left: 40px; + } + } + .usercontend{ + display: flex; + align-items: center; + justify-content: center; + position: relative; + flex-direction: column; + .rc-button{ + display: flex; + justify-content: center; + font-size: 14px; + width: 100%; + box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); + height: 80px; + align-items: center; + + padding:0 20px 0 20px; + span + { + width: 160px; + height: 48px; + border: 2px solid #E2001A; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #E2001A; + } + em{ + font-style: normal; + width: 164px; + height: 48px; + background: #E2001A; + cursor: pointer; + border-radius: 30px; + display: flex; + align-items: center; + justify-content: center; + color: #FFFFFF; + margin-left: 40px; + } + } + h2{ + font-size: 26px; + color: #333333; + text-align: center; + font-weight: bold; + } + .rc-useaddress{ + display: flex; + align-items: center; + textarea{ + width: 680px; + height: 118px; + background: #FFFFFF; + border: 1px solid #808285; + opacity: 1; + border-radius: 0px; + padding-top: 12px; + padding-left: 16px; + } + +.userinput{ + display: none; +} + } + } + +.rc-max-width--xl{ + margin-top: 16px; + input{ + width: 680px; + height: 45px; + border: 1px solid #808285; + color: #999999; + font-size: 16px; + margin-left: 2px; + padding-left: 16px; + } + span{ + font-size: 16px; + font-weight: bold; + width: 10%; + text-align: center; + color: #333333; + margin-top: 2px; + } + .rc-people{ + width: 100%; + display: flex; + align-items: center; + + } + +// .rc-phone{ + +// } + .rc-address{ + position: relative; + + } + + + + +} } \ No newline at end of file diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 903d422d..4c1f0fd5 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -8,6 +8,33 @@ body{ .fade-leave-active { opacity: 0; } +.ts-no-data{ + text-align: center; + margin:3rem 0; +} +.ts-mask{ + width:100%; + height:100%; + position: fixed; + top:0; + left:0; + display:flex; + flex-direction: column; + justify-content: center; + align-items: center; + z-index:99; + + .ts-mask-bg{ + background-color:#000; + opacity:.6; + width:100%; + height:100%; + z-index:0; + position:absolute; + left:0; + top:0; + } +} .userloding { background: url(../image/onloading.png) center center no-repeat; width: 3.12rem; @@ -260,6 +287,7 @@ img, picture { flex-direction: column; align-items: center; justify-content: center; + cursor: pointer; } } @@ -473,6 +501,7 @@ img, picture { li{ margin-top: .5rem; height:4.125rem; + cursor: pointer; img{ width:22px; height:auto; @@ -596,4 +625,73 @@ img, picture { //margin-right:0; } } -} \ No newline at end of file +} +.rc_contline { + border-bottom: 3px solid #f6f6f6; + height: 0px; + margin: 0; + clear: both; +} + +.page_modules { + padding-top: 60px; +} + +.cont_modules { + margin: 0 auto; + max-width: 1400px; +} + +.inline_right { + display: flex; + justify-content: space-between; + width: 100%; +} + +.inline_mid { + display: flex; + justify-content: space-around; + width: 100%; +} + +.inline_left { + display: flex; + justify-content: space-evenly; + width: 100%; + +} + +.li_inline { + li { + display: inline-block; + vertical-align: middle; + } + +} + +.color_red { + color: #E2001A; +} + +.tc { + text-align: center; +} + +.tr { + text-align: right; +} +.el-dialog{ + width: 90%; + max-width: 440px; +} +#tns2-iw{ height: 90px;} +.rc-carousel:not(.rc-carousel--loaded){visibility:visible!important} +@media screen and (max-width: 768px) { + .el-message-box{ + width: 300px; + } + .el-dialog{ + width: 90%; + } + } + \ No newline at end of file diff --git a/rc-busness/assets/css/openaddress.less b/rc-busness/assets/css/openaddress.less index 08aa9e24..cf22b8ce 100644 --- a/rc-busness/assets/css/openaddress.less +++ b/rc-busness/assets/css/openaddress.less @@ -1,10 +1,7 @@ - .rc-margin-bottom--lg{ margin: 0; } - - @media screen and (max-width:768px){ .online{ width:100%; @@ -46,7 +43,11 @@ color: #FFFFFF; } .rc-max-width--xl{ - padding: 24px 20px 24px 20px; + padding: 0px 20px 24px 20px; + min-height: 60vh; + .rc-cat{ + margin-top: 20px; + } .rc-title { display: flex; align-items: center; @@ -61,9 +62,7 @@ color: #FFFFFF; margin-left: 8px; } } - .rc-center{ - padding-top: 24px; - } + } @@ -112,17 +111,19 @@ color: #FFFFFF; } -@media screen and (min-width: 769px) +@media screen and (min-width: 768px) { + .rc-max-width--xl{ + margin-bottom: 80px; + } + .rc-button{ + +display: none; +} .usercontend { display:inline-block; } - .usercontshow{ - .rc-button{ - display: none; - } - } .usercontend{ margin-top: 40px; @@ -134,15 +135,17 @@ color: #FFFFFF; display: none; } .useredit{ - width: 680px; -height: 164px; + width: 640px; +height: 166px; background: #FFFFFF; border: 1px solid #D7D7D7; -opacity: 1; border-radius: 3px; display: flex; align-items: center; justify-content: center; +display:inline-block; +margin-left: 35px; + img{ width: 31px; height: 31px; @@ -153,6 +156,13 @@ span{ font-size: 18px; } +.alledit{ + display: flex; + align-items: center; + justify-content: center; + height: 100%; +} + } .usercontend{ .useradd{ @@ -210,6 +220,7 @@ img{ top: 24px; span { border-bottom: 1px solid #666666; + cursor: pointer; } span:first-child { margin-right: 16px; @@ -235,32 +246,7 @@ img{ .rc-button { - height: 80px; - background: #ffffff; - box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1); - opacity: 1; - display: flex; - align-items: center; - justify-content: center; - display: block; - - .rc-footbutton { - width: 164px; - height: 48px; - border: 2px solid #e2001a; - opacity: 1; - border-radius: 30px; - display: flex; - align-items: center; - background: #e2001a; - span { - display: block; - text-align: center; - color: white; - font-size: 16px; - width: 100%; - } - } + display: none; } .rc-header { display: flex; diff --git a/rc-busness/assets/css/orderquantity.less b/rc-busness/assets/css/orderquantity.less new file mode 100644 index 00000000..0698f7a2 --- /dev/null +++ b/rc-busness/assets/css/orderquantity.less @@ -0,0 +1,366 @@ + + + + +@media screen and (max-width:768px){ + .active { + font-size: 14px; + color: #e2001a; + cursor: pointer; + } + .unactive { + font-size: 14px; + color: #444444; + cursor: pointer; + } + + + .usercontshow{ + padding: 0 1.5rem; + .online{ + margin: 0; + &.bold{ + height: 0.5rem; + } + } + .rc-usermaina{ + width: 100%; + height: 100%; + } + .rc-headera { + display: flex; + justify-content: space-between; + height: 64px; + align-items: center; + } + .rc-userheader{ + display: none; + } + + .rc-center { + width: 100%; + height: 245px; + margin-top: 8px; + .rc-usermain { + .pc-bottom{ + display: none; + } + + display: flex; + .rc-image { + border: 1px solid #D8D8D8; + margin-top: 17px; + ; + img { + width: 96px; + height: 96px; + display: block; + + } + } + + .rc-right { + + .rc-userbottomm{ + display: none; + } + display: flex; + flex-direction: column; + width: 100%; + margin-left: 16px; + justify-content: center; + em + { + font-style: normal; + display: block; + font-size: 16px; + margin-top: 18px; + font-weight: bold; + + color: #E1001A; + } + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 14px; + span{ + display: block; + margin-top: 16px; + } + } + .rc-userbottom { + display: flex; + justify-content: space-between; + margin-top: 8px; + span{ + color: #666666; + font-size: 14px; + } + i{ + font-style: normal; + color: #E1001A; + font-size: 18px; + font-weight: bold; + } + } + } + + .rc-bottom { + display: flex; + align-items: center; + justify-content: center; + margin-top: 24px; + span { + display: block; + width: 130px; + display: flex; + align-items: center; + line-height: 40px; + text-align: center; + color: #e2001a; + height: 40px; + border: 2px solid #e2001a; + justify-content: center; + border-radius: 30px; + font-weight: bold; + } + span:last-child{ + margin-left: 15px; + } + } + } + + .rc-title { + height: 52px; + display: flex; + align-items: center; + border-bottom: 1px solid #d8d8d8; + justify-content: space-between; + span{ + font-size: 14px; + color: #999999; + margin-left: 8px; + } + em{ + font-style: normal; + font-size: 14px; + + color: #333333; + } + i{ + font-style: normal; + font-size: 14px; + + color: #333333; + } + .rc-usertitle strong{ + display: none; + } + } + + } + + + +} +@media screen and (min-width: 769px) +{ + .active { + font-size: 18px; + color: #e2001a; + cursor: pointer; + // margin-left: 40px; + } + .unactive { + font-size: 18px; + color: #444444; + cursor: pointer; + // margin-left: 80px; + } + .usercontshow{ + .rc-headera { + display: flex; + height: 64px; + align-items: center; + border: 1px solid #D7D7D7; + border-radius: 3px 3px 0px 0px; + font-size: 18px; + span:first-child{ + margin-left: 40px; + } + span{ + margin-left: 80px; + } + } + + .rc-userheader{ + width: 100%; + height: 64px; + background: #F6F6F6; + border: 1px solid #D7D7D7; + display: flex; + align-items: center; + justify-content: space-between; + font-size: 18px; + span:first-child{ + margin-left: 173px; + } + span:last-child{ + margin-right: 87px; + } + } + + .rc-center { + width: 100%; + height: 220px; + border: 1px solid #D7D7D7; + .rc-usermain { + display: flex; + justify-content: space-between; + align-items: center; + height: 164px; + .rc-usercenter{ + width: 25%; + em{ + font-size: 18px; + } + } + .rc-image { + border: 1px solid #D8D8D8; + margin-left: 40px; + + img { + width: 96px; + height: 96px; + display: block; + + } + } + + .rc-right { + .rc-userbottom{ + display: none; + } + display: flex; + + width: 100%; + margin-left: 16px; + + em + { + font-style: normal; + font-weight: bold; + font-size: 16px; + margin-top: 18px; + + color: #E1001A; + } + } + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 16px; + span{ + display: block; + margin-top: 6px; + } + } + .rc-userbottomm { + display: flex; + justify-content: space-between; + align-items: center; + width: 58%; + font-size: 20px; + color: #E1001A; + font-weight: bold; + i{ + font-style: normal; + + + } + } + + .pc-bottom { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + margin-right: 40px; + + span { + display: block; + width: 130px; + cursor: pointer; + display: flex; + align-items: center; + line-height: 40px; + font-weight: bold; + text-align: center; + color: #e2001a; + height: 40px; + border: 2px solid #e2001a; + justify-content: center; + border-radius: 30px; + } + span:last-child{ + margin-top: 15px; + } + } + } + + .rc-bottom { + display: none; + } + } + + .rc-title { + height: 55px; + display: flex; + align-items: center; + border-bottom: 1px solid #d8d8d8; + justify-content: space-between; + span{ + font-size: 16px; + color: #999999; + margin-left: 8px; + } + strong{ + font-style: normal; + font-size: 16px; + color: #444444; + } + em{ + font-style: normal; + font-size: 16px; + + color: #333333; + } + i{ + font-style: normal; + font-size: 16px; + margin-left: 40px; + + color: #333333; + } + .rc-usertitle{ + margin-right: 73px; + display: flex; + align-items: center; + em{ + display: block; + margin-left: 8px; + } + } + } + + + } + + + + + +} \ No newline at end of file diff --git a/rc-busness/assets/css/producted.less b/rc-busness/assets/css/producted.less index 26d06bdf..1233788a 100644 --- a/rc-busness/assets/css/producted.less +++ b/rc-busness/assets/css/producted.less @@ -144,10 +144,6 @@ } } } - /deep/.el-dialog { - width: 80%; - position: relative; - } .rc-discount { position: relative; width: 100%; @@ -169,8 +165,7 @@ align-items: center; justify-content: center; color: #e1001a; - padding-right: 21px; - width: 30%; + width: 34%; float: left; height: 100%; i { @@ -190,7 +185,7 @@ .rc-right { display: flex; flex-direction: column; - margin-left: 36px; + padding-left: 20px; justify-content: center; height: 100%; i { @@ -204,7 +199,7 @@ } span { display: block; - margin-top: 8px; + margin-top: 2px; } em { font-style: normal; @@ -405,11 +400,6 @@ } } } - /deep/.el-dialog { - width: 440px; - height: 432px; - position: relative; - } .rc-discount { position: relative; img { @@ -430,8 +420,7 @@ align-items: center; justify-content: center; color: #e1001a; - padding-right: 21px; - width: 30%; + width: 34%; float: left; height: 100%; i { @@ -451,7 +440,7 @@ .rc-right { display: flex; flex-direction: column; - margin-left: 36px; + padding-left: 20px; justify-content: center; height: 100%; i { @@ -465,7 +454,7 @@ } span { display: block; - margin-top: 8px; + margin-top: 2px; } em { font-style: normal; @@ -586,4 +575,17 @@ } } +} + +.rc-carousel__gallery-thumbnail{ + display: inline; + .rc-img--square{ + border: 1px solid #ddd; + border-radius: 3px; + } + &.rc-carousel__gallery-thumbnail--active{ + .rc-img--square{ + border: 1px solid #E2001A; + } + } } \ No newline at end of file diff --git a/rc-busness/assets/pay/fail.png b/rc-busness/assets/pay/fail.png new file mode 100644 index 00000000..71821a9b Binary files /dev/null and b/rc-busness/assets/pay/fail.png differ diff --git a/rc-busness/assets/pay/wx.png b/rc-busness/assets/pay/wx.png new file mode 100644 index 00000000..7316a9d7 Binary files /dev/null and b/rc-busness/assets/pay/wx.png differ diff --git a/rc-busness/assets/pay/zfb.png b/rc-busness/assets/pay/zfb.png new file mode 100644 index 00000000..c68db2ab Binary files /dev/null and b/rc-busness/assets/pay/zfb.png differ diff --git a/rc-busness/components/addressInput.vue b/rc-busness/components/addressInput.vue index 32c553a7..98337ec5 100644 --- a/rc-busness/components/addressInput.vue +++ b/rc-busness/components/addressInput.vue @@ -1,6 +1,6 @@ \ No newline at end of file diff --git a/rc-busness/pages/index.vue b/rc-busness/pages/index.vue index 0950bc2f..9079d402 100644 --- a/rc-busness/pages/index.vue +++ b/rc-busness/pages/index.vue @@ -5,9 +5,43 @@
- - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -49,7 +83,7 @@
-
@@ -65,7 +99,7 @@
-
@@ -279,7 +313,7 @@
-
@@ -295,7 +329,7 @@
-
@@ -739,22 +773,19 @@ userserachlist:[{}], doggan:[], dogtype:[ - { - title: "幼犬", - }, - { - title: "成犬", - }, - { - title: "老年犬", - }, - { - title: "品种犬", - }, - { - title: "亚健康", - } - ], + { + title: "离乳期", + }, + { + title: "幼年", + }, + { + title: "成年", + }, + { + title: "老年", + } + ], anchor:'', dogshi:[], catlist:[], @@ -823,22 +854,17 @@ ], discoun: [ { - title: "幼猫", + title: "<4月龄", }, { - title: "成猫", + title: "4-12月龄", }, { - title: "老年猫", - }, - { - title: "品种猫", - - + title: "1-7岁", }, { - title: "亚健康猫" - }, + title: ">7岁" + } ], discountlist: [ @@ -1065,7 +1091,11 @@ centeredSlides: true, speed:1000, spaceBetween: 0, - autoplay: true, + autoplay: { + delay: 3000, + stopOnLastSlide: false, + disableOnInteraction: false, + }, pagination: { el: '#homeBannerSwiperPagnation', clickable:true @@ -1370,13 +1400,14 @@ userdogShi(){ this.activeIndex5=(this.activeIndex5?this.activeIndex5:0); let apiDogSize=this.userdoglist[this.activeIndex5].title; - let apiDogFoodType=this.dogtype[this.quanshiCurIndex].title; + let apiDogAgeType=this.dogtype[this.quanshiCurIndex].title; this.userstype=1; let petType={ petType:1, - categoryName:"皇家犬湿粮", - name:apiDogFoodType, + tagStatus:2, + tagUsedAge:apiDogAgeType, + name:apiDogSize } for(let i =0;i
-
-
- - -
-
- - 商品 + +
+
+ +
+
+
+ + 商品
-
  • 单价
  • 数量
  • 操作
- -
- - -
- - 编辑 -
-
-
-
-
- - - - - -
-
-
- {{ item.productName }} - 规格:{{ item.specifications }} -
-
- ¥{{ item.productPrice }} -
- - {{item.buyCount}} - - +
+ + +
+ + 全选 +
+
+ + {{ editState }} +
+
+
+
+ +
+
+ +
+
+

+

规格:{{ item.specifications }}

- 删除
+
    +
  • ¥{{ item.productPrice }}
  • +
  • +
    + + + +
    +
  • +
  • 删除
  • +
+
+
- - -
-
- -
- -
-
-
-
-
- 总计: - {{ sumPrice }} -
- 共选择{{sumlength}}件商品 -
- - {{mustpay}} -
- -
-
- -
\ No newline at end of file diff --git a/rc-busness/pages/personal/settlement.less b/rc-busness/pages/personal/settlement.less new file mode 100644 index 00000000..692f3bc5 --- /dev/null +++ b/rc-busness/pages/personal/settlement.less @@ -0,0 +1,415 @@ +ul li ol li em strong i { + list-style: none; + font-style: normal; +} + +.rc-header { + width: 100%; +} + + + +.settlement { + padding-top: 100px; +} + + +.rc-main { + width: 92%; + margin: 0 auto; + max-width: 1400px; + + .rc-userbottomm { + display: none; + } + + .rc-border { + width: 100%; + border-bottom: 1px solid #d7d7d7; + margin-top: 32px; + } + + .rc-receiving { + width: 100%; + height: 80px; + display: flex; + flex-direction: column; + + em { + font-style: normal; + color: #e1001a; + font-size: 26px; + } + + span { + color: #666666; + font-size: 16px; + display: block; + margin-top: 25px; + } + } + + .delivery { + display: flex; + flex-direction: column; + height: 140px; + display: flex; + justify-content: center; + + .viewdetails { + display: flex; + align-items: center; + justify-content: flex-end; + + span { + color: #444444; + font-size: 18px; + display: block; + margin-right: 8px; + } + + img { + width: 8px; + height: 16px; + } + } + + .to-delivery { + display: flex; + align-items: center; + font-style: normal; + + span { + display: block; + // margin-left: 16px; + font-size: 18px; + color: #333333; + } + + i { + font-style: normal; + margin-left: 8px; + display: block; + font-size: 18px; + color: #999999; + } + } + + .bo-delivery { + span { + font-size: 16px; + color: #666666; + display: block; + margin-top: 16px; + } + } + } + + .address-list { + display: flex; + + .mypersonal { + display: flex; + flex-direction: column; + justify-content: center; + border: 1px solid #808285; + height: 118px; + width: 320px; + padding: 15px; + color: #333333; + margin: 20px 40px 20px 0; + position: relative; + cursor: pointer; + + &.active { + border: 1px solid #E2001A; + } + + .edit { + position: absolute; + top: 5px; + right: 8px; + display: none; + cursor: pointer; + } + + &:hover { + .edit { + display: block; + } + } + + .my-delivery { + display: flex; + align-items: center; + font-style: normal; + + span { + display: block; + margin-left: 3px; + + } + + i { + font-style: normal; + margin-left: 3px; + display: block; + } + } + + .per-delivery { + span { + color: #666666; + display: block; + margin-top: 5px; + } + } + } + } + + + .rc-usermain { + display: flex; + padding: 20px 0; + + .rc-image { + border: 1px solid #d8d8d8; + margin-right: 20px; + + img { + width: 96px; + height: 96px; + display: block; + } + } + + .rc-right { + .rc-usercenter { + display: flex; + justify-content: center; + flex-direction: column; + + h3, + .price { + font-style: normal; + display: block; + font-size: 18px; + font-weight: bold; + margin-top: 17px; + color: #e1001a; + } + } + + display: flex; + justify-content: space-between; + width: 100%; + } + + .rc-userright { + display: flex; + flex-direction: column; + color: #666666; + font-size: 16px; + + span { + display: block; + margin-top: 16px; + font-size: 16px; + } + } + + .rc-userbottom { + display: flex; + width: 60%; + justify-content: space-between; + align-items: center; + + .price { + font-style: normal; + color: #e1001a; + font-size: 20px; + font-weight: bold; + } + + } + } + + .rc-merchandise { + + padding: 15px 0; + + &::after { + display: block; + content: ''; + clear: both; + } + + ul { + width: 25%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + float: right; + + i { + font-style: normal; + color: #666666; + } + + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + + span { + color: #333333; + } + } + + li .red { + color: #e1001a; + font-size: 20px; + font-style: normal; + } + } + } + + .rc-payment { + width: 100%; + margin-top: 80px; + + .u-trackingnumber { + display: flex; + align-items: center; + + i { + font-size: 18px; + font-style: normal; + margin-right: 16px; + } + + img { + width: 8px; + height: 16px; + } + } + + ul { + width: 100%; + display: flex; + flex-direction: column; + justify-content: space-between; + line-height: 40px; + font-size: 18px; + + i { + font-style: normal; + color: #666666; + display: block; + } + + li { + list-style: none; + font-style: normal; + display: flex; + justify-content: space-between; + + span { + color: #333333; + } + } + } + } + + .rc-foot { + display: flex; + flex-direction: column; + + .rc-foo { + display: flex; + justify-content: flex-end; + flex-direction: column; + align-items: self-end; + + i { + font-style: normal; + color: #333333; + font-size: 20px; + margin-right: 20px; + } + + em { + font-style: normal; + color: #e1001a; + font-size: 26px; + } + + span { + display: block; + width: 164px; + margin-top: 36px; + background: #e2001a; + line-height: 48px; + text-align: center; + color: white; + font-size: 16px; + + height: 48px; + + border-radius: 30px; + } + } + } +} +.diallog_width{ + width: 100%; + max-width: 440px; + margin: 0 auto; +} +.el-dialog{ + width: 100%; +} +//手机端 +@media screen and (max-width: 768px) { + + .diallog_width{ + width: 100%; + + } + .rc-main { + .address-list { + display: contents; + + .mypersonal { + width: 100%; + height: auto; + } + } + .rc-usermain { + .rc-right { display: table} + } + .rc-merchandise{ + padding: 15px 0 120px; + ul{ + float: none; + width: 100%; + } + } + .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; + } + } + } + +} \ No newline at end of file diff --git a/rc-busness/pages/personal/settlement.vue b/rc-busness/pages/personal/settlement.vue index 878947ec..c8d0fd6f 100644 --- a/rc-busness/pages/personal/settlement.vue +++ b/rc-busness/pages/personal/settlement.vue @@ -1,168 +1,146 @@ \ No newline at end of file diff --git a/rc-busness/pages/personal/useraddress.vue b/rc-busness/pages/personal/useraddress.vue index c9a878dc..3bbf2525 100644 --- a/rc-busness/pages/personal/useraddress.vue +++ b/rc-busness/pages/personal/useraddress.vue @@ -2,8 +2,8 @@
-
-
+
+
+
{{item.title}} @@ -22,7 +23,7 @@
-
+
订单编号:{{ item.orderNumber }} @@ -41,15 +42,13 @@
{{ item.usereat }}
- 规格:{{ userlist.num }} + 规格:{{ item.num }}
- 数量:{{ userlist.pcs}}件 - ¥{{ userlist.ecPrice }} + 数量:{{ item.pcs}}件 + ¥{{ item.ecPrice }}
- -
¥{{ item.userprice }} {{item.orderstype}} @@ -62,14 +61,13 @@ 查看订单
- +
-
@@ -300,360 +298,6 @@ async canceldanhao(orderNumber){ \ No newline at end of file diff --git a/rc-busness/pages/personal/userpay.vue b/rc-busness/pages/personal/userpay.vue index a3070243..6122d45f 100644 --- a/rc-busness/pages/personal/userpay.vue +++ b/rc-busness/pages/personal/userpay.vue @@ -1,578 +1,303 @@ \ No newline at end of file diff --git a/rc-busness/pages/productdetails/producted.vue b/rc-busness/pages/productdetails/producted.vue index dc8b3529..2e853e76 100644 --- a/rc-busness/pages/productdetails/producted.vue +++ b/rc-busness/pages/productdetails/producted.vue @@ -1,256 +1,308 @@ + \ No newline at end of file diff --git a/rc-busness/static/favicon.ico b/rc-busness/static/favicon.ico index d751f60c..d7ff9973 100644 Binary files a/rc-busness/static/favicon.ico and b/rc-busness/static/favicon.ico differ diff --git a/rc-busness/static/images/adddress.png b/rc-busness/static/images/adddress.png new file mode 100644 index 00000000..5eebb39c Binary files /dev/null and b/rc-busness/static/images/adddress.png differ diff --git a/rc-busness/static/images/banner/four.jpg b/rc-busness/static/images/banner/four.jpg index caa40751..4e623ce6 100644 Binary files a/rc-busness/static/images/banner/four.jpg and b/rc-busness/static/images/banner/four.jpg differ diff --git a/rc-busness/static/images/banner/one.jpg b/rc-busness/static/images/banner/one.jpg index 457a4832..577aeca0 100644 Binary files a/rc-busness/static/images/banner/one.jpg and b/rc-busness/static/images/banner/one.jpg differ diff --git a/rc-busness/static/images/banner/three.jpg b/rc-busness/static/images/banner/three.jpg index ee69b3b8..a56624af 100644 Binary files a/rc-busness/static/images/banner/three.jpg and b/rc-busness/static/images/banner/three.jpg differ diff --git a/rc-busness/static/images/banner/two.jpg b/rc-busness/static/images/banner/two.jpg index 7ce0fdef..7372c9ad 100644 Binary files a/rc-busness/static/images/banner/two.jpg and b/rc-busness/static/images/banner/two.jpg differ