1.修改拼单详情中出现横向滚动条的问题

2.去除秒杀详情中的海报
3.修改拼团详情点击单独购买无法跳转的问题
This commit is contained in:
Gao xiaosong
2020-05-17 00:27:49 +08:00
parent 8d036b9012
commit b21dfb22d8
6 changed files with 121 additions and 107 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1,6 +1,7 @@
page {
background: #f5f5f5;
}
.newsList .newsSwitch .van-hairline--top-bottom::after {
border: 0;
}
@ -80,6 +81,7 @@ page {
height: 100%;
border-radius: 0.06*100rpx;
}
.goodList .item .pictrue image {
width: 100%;
height: 100%;
@ -1147,7 +1149,7 @@ page {
width: 100%;
padding: 0 30rpx;
box-sizing: border-box;
}
.index .header .logo {
@ -1156,7 +1158,7 @@ page {
margin-right: 0.25*100rpx;
}
.index .header .logo image{
.index .header .logo image {
width: 100%;
height: 100%;
display: block;
@ -1164,7 +1166,7 @@ page {
.index .header .search {
// width: 100%;
flex:1;
flex: 1;
box-sizing: border-box;
height: 0.64*100rpx;
background-color: #f7f7f7;
@ -1174,16 +1176,17 @@ page {
color: #bbb;
}
.index .header .qr{
width:0.34*150rpx;
height:0.34*150rpx;
.index .header .qr {
width: 0.34*150rpx;
height: 0.34*150rpx;
font-size: 0.34*100rpx;
margin-left: 0.16*100rpx;
margin-right: 0.16*100rpx;
}
.index .header .qr image{
width:0.34*150rpx;
height:0.34*150rpx;
.index .header .qr image {
width: 0.34*150rpx;
height: 0.34*150rpx;
}
@ -1202,7 +1205,7 @@ page {
}
.index .banner image{
.index .banner image {
width: 100%;
height: 3.75*100rpx;
@ -1241,7 +1244,7 @@ page {
margin: 0 auto 0.15*100rpx auto;
}
.index .nav .item .pictrue image{
.index .nav .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -1265,7 +1268,7 @@ page {
-moz-box-sizing: content-box;
}
.index .news .pictrue image{
.index .news .pictrue image {
width: 100%;
height: 100%;
display: block;
@ -1329,7 +1332,7 @@ page {
position: relative;
}
.index .specialArea .assemble image{
.index .specialArea .assemble image {
width: 100%;
height: 100%;
border-radius: 0.05*100rpx;
@ -1363,7 +1366,7 @@ page {
position: relative;
}
.index .specialArea .item image{
.index .specialArea .item image {
width: 100%;
height: 100%;
}
@ -1455,7 +1458,7 @@ page {
height: 1.8*100rpx;
}
.index .wrapper .scroll-product .swiper-slide .img-box image{
.index .wrapper .scroll-product .swiper-slide .img-box image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx 0.06*100rpx 0 0;
@ -1485,7 +1488,7 @@ page {
margin: 0.28*100rpx auto 0 auto;
}
.index .wrapper .boutique image{
.index .wrapper .boutique image {
width: 100%;
height: 2.6*100rpx;
}
@ -1578,7 +1581,7 @@ page {
position: relative;
}
.index .hotList .list .item .pictrue image{
.index .hotList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.1*100rpx;
@ -1615,7 +1618,7 @@ page {
margin-top: 0.37*100rpx;
}
.index .adver image{
.index .adver image {
width: 100%;
height: 100%;
display: block;
@ -1686,7 +1689,7 @@ page {
width: 2.4*100rpx;
min-width: 2.4*100rpx;
margin-right: 0.2*100rpx;
flex: 0 2.4*100rpx;
flex: 0 2.4*100rpx;
}
.index .wrapper .newProducts .newProductsScroll {
@ -1694,7 +1697,7 @@ flex: 0 2.4*100rpx;
flex-direction: row;
}
.index .wrapper.hot .newProducts .newProductsItem image{
.index .wrapper.hot .newProducts .newProductsItem image {
width: 2.4*100rpx;
height: 2.4*100rpx;
}
@ -1706,7 +1709,7 @@ flex: 0 2.4*100rpx;
border-radius: 0.12*100rpx;
overflow: hidden;
margin-right: .2*100rpx;
flex: 0 2.4*100rpx;
flex: 0 2.4*100rpx;
}
.index .wrapper .newProducts:nth-last-child(1) {}
@ -1720,13 +1723,13 @@ flex: 0 2.4*100rpx;
width: 2.4*100rpx;
}
.index .wrapper .newProducts .img-box image{
.index .wrapper .newProducts .img-box image {
width: 100%;
height: 100%;
border-radius: 0.12*100rpx 0.12*100rpx 0 0;
}
.index .wrapper.hot .newProducts .img-box image{
.index .wrapper.hot .newProducts .img-box image {
border-radius: 0.12*100rpx;
}
@ -1766,7 +1769,7 @@ flex: 0 2.4*100rpx;
}
.productList .search .input {
flex:1;
flex: 1;
height: 0.6*100rpx;
background-color: #fff;
border-radius: 0.5*100rpx;
@ -1820,7 +1823,7 @@ flex: 0 2.4*100rpx;
font-weight: bold;
}
.productList .nav .item image{
.productList .nav .item image {
width: 0.15*100rpx;
height: 0.19*100rpx;
margin-left: 0.1*100rpx;
@ -1861,7 +1864,7 @@ flex: 0 2.4*100rpx;
height: 1.8*100rpx;
}
.productList .list .item .pictrue image{
.productList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.1*100rpx 0.1*100rpx 0 0;
@ -1914,7 +1917,7 @@ flex: 0 2.4*100rpx;
text-decoration: line-through;
}
.productList .list .item .text .vip .vip-money image{
.productList .list .item .text .vip .vip-money image {
width: 0.46*100rpx;
height: 0.21*100rpx;
margin-left: 0.04*100rpx;
@ -1976,7 +1979,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto;
}
.shoppingCart .noCart .pictrue image{
.shoppingCart .noCart .pictrue image {
width: 100%;
height: 100%;
}
@ -2001,7 +2004,7 @@ flex: 0 2.4*100rpx;
height: 1.6*100rpx;
}
.shoppingCart .list .item .picTxt .pictrue image{
.shoppingCart .list .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -2033,7 +2036,7 @@ flex: 0 2.4*100rpx;
right: 0;
}
.shoppingCart .list .item .picTxt .carnum view{
.shoppingCart .list .item .picTxt .carnum view {
border: 1px solid #a4a4a4;
width: 0.66*100rpx;
text-align: center;
@ -2114,7 +2117,7 @@ flex: 0 2.4*100rpx;
height: 1.4*100rpx;
}
.shoppingCart .invalidGoods .goodsList .item .pictrue image{
.shoppingCart .invalidGoods .goodsList .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -2214,7 +2217,7 @@ flex: 0 2.4*100rpx;
height: 1.2*100rpx;
}
.user .header .picTxt .pictrue image{
.user .header .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -2243,7 +2246,7 @@ flex: 0 2.4*100rpx;
margin-left: 0.17*100rpx;
}
.user .header .picTxt .text .member image{
.user .header .picTxt .text .member image {
width: 0.28*100rpx;
height: 0.28*100rpx;
font-size: 0.2*100rpx;
@ -2285,11 +2288,12 @@ flex: 0 2.4*100rpx;
font-size: 0.26*100rpx;
color: #aaa;
position: relative;
}
.user .wrapper .nav .item text{
.user .wrapper .nav .item text {
display: block;
}
.user .wrapper .nav .item~.item:after {
@ -2353,7 +2357,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto 0.18*100rpx auto;
}
.user .wrapper .myOrder .orderState .item .pictrue image{
.user .wrapper .myOrder .orderState .item .pictrue image {
width: 100%;
height: 100%;
}
@ -2382,7 +2386,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto 0.16*100rpx auto;
}
.user .wrapper .myService .serviceList .item .pictrue image{
.user .wrapper .myService .serviceList .item .pictrue image {
width: 100%;
height: 100%;
}
@ -2569,7 +2573,7 @@ flex: 0 2.4*100rpx;
width: 100%;
}
.product-con .product-intro .conter *{
.product-con .product-intro .conter * {
width: 100% !important;
display: block !important;
}
@ -2648,7 +2652,7 @@ flex: 0 2.4*100rpx;
height: 0.03*100rpx;
}
.order-submission .line image{
.order-submission .line image {
width: 100%;
height: 100%;
display: block;
@ -2844,7 +2848,7 @@ flex: 0 2.4*100rpx;
height: 0.03*100rpx;
}
.address-management .line image{
.address-management .line image {
width: 100%;
height: 100%;
display: block;
@ -3033,7 +3037,7 @@ flex: 0 2.4*100rpx;
height: 1.09*100rpx;
}
.my-order .header .picTxt .pictrue image{
.my-order .header .picTxt .pictrue image {
width: 100%;
height: 100%;
}
@ -3098,7 +3102,7 @@ flex: 0 2.4*100rpx;
height: 1.2*100rpx;
}
.my-order .list .item .item-info .pictrue image{
.my-order .list .item .item-info .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -3178,7 +3182,7 @@ flex: 0 2.4*100rpx;
height: 1.1*100rpx;
}
.order-details .header .pictrue image{
.order-details .header .pictrue image {
width: 100%;
height: 100%;
}
@ -3263,7 +3267,7 @@ flex: 0 2.4*100rpx;
height: 0.03*100rpx;
}
.order-details .line image{
.order-details .line image {
width: 100%;
height: 100%;
display: block;
@ -3358,7 +3362,7 @@ flex: 0 2.4*100rpx;
height: 1.2*100rpx;
}
.logistics .header .pictrue image{
.logistics .header .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -3579,7 +3583,7 @@ flex: 0 2.4*100rpx;
position: relative;
}
.personal-data .wrapper .wrapList .item .picTxt .pictrue image{
.personal-data .wrapper .wrapList .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -3647,7 +3651,7 @@ flex: 0 2.4*100rpx;
height: 0.88*100rpx;
}
.personal-data .list .item .pictrue image{
.personal-data .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -3719,7 +3723,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto;
}
.poster-poster .poster image{
.poster-poster .poster image {
width: 100%;
height: 100%;
display: block;
@ -3801,7 +3805,7 @@ flex: 0 2.4*100rpx;
background-image: url("https://h5.dayouqiantu.cn/static/images/ordinary.jpg");
}
.member-center .header .slider-banner .swiper-slide image{
.member-center .header .slider-banner .swiper-slide image {
width: 0.89*100rpx;
height: 1.08*100rpx;
display: block;
@ -3980,7 +3984,7 @@ flex: 0 2.4*100rpx;
position: relative;
}
.member-center .growthValue .pictrue image{
.member-center .growthValue .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.16*100rpx 0.16*100rpx 0 0;
@ -4148,7 +4152,7 @@ flex: 0 2.4*100rpx;
left: 0.45*100rpx;
}
.integral-details .wrapper .list2 .item .pictrue image{
.integral-details .wrapper .list2 .item .pictrue image {
width: 100%;
height: 100%;
}
@ -4231,7 +4235,7 @@ flex: 0 2.4*100rpx;
height: 1.6*100rpx;
}
.bargain-list .list .item .pictrue image{
.bargain-list .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -4328,14 +4332,14 @@ flex: 0 2.4*100rpx;
margin-right: 0.3*100rpx;
}
.bargain .header .pictxt .pictrue image{
.bargain .header .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
border: 0.02*100rpx solid #fff;
}
.bargain .header .pictxt .text text{
.bargain .header .pictxt .text text {
margin-left: 0.2*100rpx;
}
@ -4384,7 +4388,7 @@ flex: 0 2.4*100rpx;
height: 1.8*100rpx;
}
.bargain .wrapper .pictxt .pictrue image{
.bargain .wrapper .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -4516,7 +4520,7 @@ flex: 0 2.4*100rpx;
}
.bargain .bargainGang .title .pictrue image,
.bargain .goodsDetails .title .pictrue image{
.bargain .goodsDetails .title .pictrue image {
width: 100%;
height: 100%;
display: block;
@ -4541,7 +4545,7 @@ flex: 0 2.4*100rpx;
height: 0.7*100rpx;
}
.bargain .bargainGang .list .item .pictxt .pictrue image{
.bargain .bargainGang .list .item .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -4589,7 +4593,7 @@ flex: 0 2.4*100rpx;
margin-top: 0.2*100rpx;
}
.bargain .goodsDetails .conter image{
.bargain .goodsDetails .conter image {
width: 100% !important;
display: block;
}
@ -4633,7 +4637,7 @@ flex: 0 2.4*100rpx;
line-height: 0.5*100rpx;
}
.bargain .bargainTip .pictrue image{
.bargain .bargainTip .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.2*100rpx 0.2*100rpx 0 0;
@ -4688,7 +4692,7 @@ flex: 0 2.4*100rpx;
height: 1.5*100rpx;
}
.bargain-record .item .picTxt .pictrue image{
.bargain-record .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -4768,7 +4772,7 @@ flex: 0 2.4*100rpx;
height: 4.5*100rpx;
}
.group-list .header image{
.group-list .header image {
width: 100%;
height: 4.5*100rpx;
}
@ -4791,7 +4795,7 @@ flex: 0 2.4*100rpx;
height: 1.6*100rpx;
}
.group-list .list .item .pictrue image{
.group-list .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -4875,6 +4879,7 @@ flex: 0 2.4*100rpx;
background-color: #ffedeb;
margin-top: 0.2*100rpx;
padding: 0 0.3*100rpx;
box-sizing: border-box;
}
.product-con .notice .num {
@ -4939,7 +4944,7 @@ flex: 0 2.4*100rpx;
height: 0.8*100rpx;
}
.product-con .assemble .item .pictxt .pictrue image{
.product-con .assemble .item .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -5094,7 +5099,7 @@ flex: 0 2.4*100rpx;
height: 1.4*100rpx;
}
.group-con .header .pictrue image{
.group-con .header .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -5195,7 +5200,7 @@ flex: 0 2.4*100rpx;
margin: 0 0 0.29*100rpx 0.35*100rpx;
}
.group-con .wrapper .list .pictrue image{
.group-con .wrapper .list .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -5287,7 +5292,7 @@ flex: 0 2.4*100rpx;
position: relative;
}
.group-con .group-recommend .list .item .pictrue image{
.group-con .group-recommend .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.1*100rpx;
@ -5418,7 +5423,7 @@ flex: 0 2.4*100rpx;
color: #bbb;
}
.evaluate-con .score .textarea .list .pictrue image{
.evaluate-con .score .textarea .list .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.03*100rpx;
@ -5465,7 +5470,7 @@ flex: 0 2.4*100rpx;
font-weight: bold;
}
.sign .header .headerCon .left .integral text{
.sign .header .headerCon .left .integral text {
font-size: 0.24*100rpx;
margin-top: 0.19*100rpx;
background-color: #ff9000;
@ -5486,7 +5491,7 @@ flex: 0 2.4*100rpx;
border: 0.04*100rpx solid #ecddbc;
}
.sign .header .headerCon .left .pictrue image{
.sign .header .headerCon .left .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -5832,7 +5837,7 @@ flex: 0 2.4*100rpx;
margin-right: 0;
}
.apply-return .list .item .upload .pictrue image{
.apply-return .list .item .upload .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.03*100rpx;
@ -5936,7 +5941,7 @@ flex: 0 2.4*100rpx;
height: 1.3*100rpx;
}
.collectionGoods .item .pictrue image{
.collectionGoods .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -6168,7 +6173,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto;
}
.cash-audit .pictrue image{
.cash-audit .pictrue image {
width: 100%;
height: 100%;
}
@ -6243,7 +6248,7 @@ flex: 0 2.4*100rpx;
height: 0.66*100rpx;
}
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue image{
.promoter-order .list .item .listn .itenm .top .pictxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -6359,7 +6364,7 @@ flex: 0 2.4*100rpx;
-ms-flex: 1;
}
.promoter-list .list .sortNav .sortItem image{
.promoter-list .list .sortNav .sortItem image {
width: 0.24*100rpx;
height: 0.24*100rpx;
margin-left: 0.06*100rpx;
@ -6389,7 +6394,7 @@ flex: 0 2.4*100rpx;
border-radius: 50%;
}
.promoter-list .list .item .picTxt .pictrue image{
.promoter-list .list .item .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -6596,7 +6601,7 @@ flex: 0 2.4*100rpx;
margin-bottom: 0.2*100rpx;
}
.my-account .wrapper .nav .item .pictrue image{
.my-account .wrapper .nav .item .pictrue image {
width: 100%;
height: 100%;
}
@ -6626,7 +6631,7 @@ flex: 0 2.4*100rpx;
height: 0.78*100rpx;
}
.my-account .wrapper .advert .item .pictrue image{
.my-account .wrapper .advert .item .pictrue image {
width: 100%;
height: 100%;
}
@ -6735,7 +6740,7 @@ flex: 0 2.4*100rpx;
height: 2.4*100rpx;
}
.flash-sale .header image{
.flash-sale .header image {
width: 100%;
height: 100%;
}
@ -6848,7 +6853,7 @@ flex: 0 2.4*100rpx;
height: 1.66*100rpx;
}
.flash-sale .list .item .pictrue image{
.flash-sale .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -6890,10 +6895,13 @@ flex: 0 2.4*100rpx;
.flash-sale .list .item .text .progress .piece {
position: absolute;
left: 50%;
transform: translate(-50%, -50%);
left: 0;
right: 0;
transform: translate(0, -50%);
top: 49%;
font-size: 0.22*100rpx;
word-wrap: normal;
text-align: center;
}
.flash-sale .list .item .grab {
@ -7114,7 +7122,7 @@ flex: 0 2.4*100rpx;
height: 1.56*100rpx;
}
.newsList .list .item .pictrue image{
.newsList .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -7143,7 +7151,7 @@ flex: 0 2.4*100rpx;
height: 1.36*100rpx;
}
.newsList .list .item .picList .pictrue image{
.newsList .list .item .picList .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -7210,7 +7218,7 @@ flex: 0 2.4*100rpx;
padding-top: 0.35*100rpx;
}
.newsDetail .conter image{
.newsDetail .conter image {
width: 100%;
display: block;
}
@ -7249,7 +7257,7 @@ flex: 0 2.4*100rpx;
margin: 0 auto;
}
.register .shading .pictrue image{
.register .shading .pictrue image {
width: 1.64*100rpx;
height: 1.64*100rpx;
border-radius: 50%;
@ -7489,7 +7497,7 @@ flex: 0 2.4*100rpx;
border-radius: 50%;
}
.productSort .conter .list .item .picture image{
.productSort .conter .list .item .picture image {
width: 100%;
height: 100%;
border-radius: 50%;
@ -7576,7 +7584,7 @@ flex: 0 2.4*100rpx;
height: 1.3*100rpx;
}
.pos-order-goods .goods .picTxt .pictrue image{
.pos-order-goods .goods .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06*100rpx;
@ -8109,7 +8117,7 @@ flex: 0 2.4*100rpx;
height: 0.03*100rpx;
}
.deliver-goods header .line image{
.deliver-goods header .line image {
width: 100%;
height: 100%;
display: block;
@ -8344,7 +8352,7 @@ flex: 0 2.4*100rpx;
}
.statistical-page .mc-head-box view{
.statistical-page .mc-head-box view {
font-size: 14px;
}
@ -8447,16 +8455,17 @@ flex: 0 2.4*100rpx;
.swiper-wrapper {}
.posterCanvasWarp{
.posterCanvasWarp {
position: relative;
width:0;
height:0;
width: 0;
height: 0;
overflow: hidden;
.posterCanvas{
position: absolute;
left:0;
top:0;
width:747px !important;
height:1326px !important;
}
.posterCanvas {
position: absolute;
left: 0;
top: 0;
width: 747px !important;
height: 1326px !important;
}
}

View File

@ -216,7 +216,11 @@ export default {
},
methods: {
openAlone: function() {
this.$yrouter.replace({ path: "/detail/" + this.storeInfo.productId });
this.$yrouter.push({
path: "/pages/shop/GoodsCon/index",
query: { id: this.$yroute.query.id }
});
// this.$yrouter.replace({ path: "/detail/" + this.storeInfo.productId });
},
//收藏商品
setCollect: function() {
@ -338,7 +342,8 @@ export default {
})
.catch(err => {
uni.showToast({
title: err.msg || err.response.data.msg|| err.response.data.message,
title:
err.msg || err.response.data.msg || err.response.data.message,
icon: "none",
duration: 2000
});

View File

@ -26,7 +26,7 @@
<view class="wrapperRush">
<view class="introduce acea-row row-between">
<view class="infor" v-text="storeInfo.title"></view>
<view class="iconfont icon-fenxiang" @click="setPosterImageStatus"></view>
<!-- <view class="iconfont icon-fenxiang" @click="setPosterImageStatus"></view> -->
</view>
<view class="label acea-row row-middle">
<view class="stock" v-text="'库存:' + storeInfo.stock + '件'"></view>

View File

@ -367,9 +367,9 @@ export default {
that.DefaultSelect();
that.getCartCount();
})
.catch(res => {
.catch(err => {
uni.showToast({
title: res.msg,
title: err.msg || err.response.data.msg|| err.response.data.message,
icon: "none",
duration: 2000
});