cxc/yshopb2c-uniapp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改.vue中的 rem为rpx,修改部分页面错误样式,授权页增加微信和app的判断

Browse Source
This commit is contained in:
gaoxs
2020-03-19 19:05:50 +08:00
parent 3fa8054983
commit 2a2c544991
47 changed files with 922 additions and 898 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
pages/shop/EvaluateList/index.vue
View File

@ -7,7 +7,7 @@
<view class="start" :class="'star' + replyData.replyStar"></view>
</view>
<view>
<text class="font-color-red">{{ replyData.replyChance || 0 }}%</text>
<text class="font-color-red">{{ replyData.replyChance || 0 }}%</text>
<text>好评率</text>
</view>
</view>
@ -22,7 +22,7 @@
class="item"
:class="currentActive === navListIndex ? 'bg-color-red' : ''"
v-if="item.num"
>
>
<text>{{ item.evaluate }}({{ item.num }})</text>
</view>
</view>
@ -107,9 +107,9 @@ export default {
}
};
</script>
<style scoped>
<style scoped lang="less">
.noCommodity {
height: 8rem;
height: 8*100rpx;
background-color: #fff;
}
</style>

2
pages/shop/GoodSearch/index.vue
View File

@ -72,6 +72,6 @@ export default {
<style >
.noCommodity {
border-top: 0.05rem solid #f5f5f5;
border-top: 0.05*100rpx solid #f5f5f5;
}
</style>

76
pages/shop/GoodsCon/index.vue
View File

@ -654,7 +654,7 @@ export default {
</script>
<style scoped>
<style scoped lang="less">
.geoPage {
position: fixed;
width: 100%;
@ -664,85 +664,85 @@ export default {
}
.product-con .store-info {
margin-top: 0.2rem;
margin-top: 0.2*100rpx;
background-color: #fff;
}
.product-con .store-info .title {
padding: 0 0.3rem;
font-size: 0.28rem;
padding: 0 0.3*100rpx;
font-size: 0.28*100rpx;
color: #282828;
height: 0.8rem;
line-height: 0.8rem;
border-bottom: 0.01rem solid #f5f5f5;
height: 0.8*100rpx;
line-height: 0.8*100rpx;
border-bottom: 0.01*100rpx solid #f5f5f5;
}
.product-con .store-info .info {
padding: 0 0.3rem;
height: 1.26rem;
padding: 0 0.3*100rpx;
height: 1.26*100rpx;
}
.product-con .store-info .info .picTxt {
width: 6.15rem;
width: 6.15*100rpx;
}
.product-con .store-info .info .picTxt .pictrue {
width: 0.76rem;
height: 0.76rem;
width: 0.76*100rpx;
height: 0.76*100rpx;
}
.product-con .store-info .info .picTxt .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06rem;
border-radius: 0.06*100rpx;
}
.product-con .store-info .info .picTxt .text {
width: 5.22rem;
width: 5.22*100rpx;
}
.product-con .store-info .info .picTxt .text .name {
font-size: 0.3rem;
font-size: 0.3*100rpx;
color: #282828;
}
.product-con .store-info .info .picTxt .text .address {
font-size: 0.24rem;
font-size: 0.24*100rpx;
color: #666;
margin-top: 0.03rem;
margin-top: 0.03*100rpx;
}
.product-con .store-info .info .picTxt .text .address .iconfont {
color: #707070;
font-size: 0.18rem;
margin-left: 0.1rem;
font-size: 0.18*100rpx;
margin-left: 0.1*100rpx;
}
.product-con .store-info .info .picTxt .text .address .addressTxt {
width: 4.8rem;
width: 4.8*100rpx;
}
.product-con .store-info .info .iconfont {
font-size: 0.4rem;
font-size: 0.4*100rpx;
}
.product-con .superior {
background-color: #fff;
margin-top: 0.2rem;
margin-top: 0.2*100rpx;
}
.product-con .superior .title {
height: 0.98rem;
height: 0.98*100rpx;
}
.product-con .superior .title image {
width: 0.3rem;
height: 0.3rem;
width: 0.3*100rpx;
height: 0.3*100rpx;
}
.product-con .superior .title .titleTxt {
margin: 0 0.2rem;
font-size: 0.3rem;
margin: 0 0.2*100rpx;
font-size: 0.3*100rpx;
background-image: linear-gradient(to right, #f57a37 0%, #f21b07 100%);
background-image: -webkit-linear-gradient(to right, #f57a37 0%, #f21b07 100%);
background-image: -moz-linear-gradient(to right, #f57a37 0%, #f21b07 100%);
@ -751,20 +751,20 @@ export default {
}
.product-con .superior .slider-banner {
width: 6.9rem;
width: 6.9*100rpx;
margin: 0 auto;
padding-bottom: 0.2rem;
padding-bottom: 0.2*100rpx;
}
.product-con .superior .slider-banner .list {
width: 100%;
padding-bottom: 0.2rem;
padding-bottom: 0.2*100rpx;
}
.product-con .superior .slider-banner .list .item {
width: 2.15rem;
margin: 0 0.22rem 0.3rem 0;
font-size: 0.26rem;
width: 2.15*100rpx;
margin: 0 0.22*100rpx 0.3*100rpx 0;
font-size: 0.26*100rpx;
}
.product-con .superior .slider-banner .list .item:nth-of-type(3n) {
@ -773,18 +773,18 @@ export default {
.product-con .superior .slider-banner .list .item .pictrue {
width: 100%;
height: 2.15rem;
height: 2.15*100rpx;
}
.product-con .superior .slider-banner .list .item .pictrue image {
width: 100%;
height: 100%;
border-radius: 0.06rem;
border-radius: 0.06*100rpx;
}
.product-con .superior .slider-banner .list .item .name {
color: #282828;
margin-top: 0.12rem;
margin-top: 0.12*100rpx;
}
.product-con .superior .slider-banner .swiper-pagination-bullet {
@ -812,7 +812,7 @@ export default {
.generate-posters {
width: 100%;
height: 1.7rem;
height: 1.7*100rpx;
background-color: #fff;
position: fixed;
left: 0;
@ -845,7 +845,7 @@ export default {
}
.generate-posters .item .iconfont {
font-size: 0.8rem;
font-size: 0.8*100rpx;
color: #5eae72;
}

4
pages/shop/GoodsEvaluate/index.vue
View File

@ -62,7 +62,7 @@
</view>
</view>
</template>
<style scoped>
<style scoped lang="less">
.evaluate-con .score .textarea .list .pictrue.uploadBnt {
border: 1px solid #ddd;
}
@ -213,4 +213,4 @@
}
}
};
</script>
</script>

2
pages/shop/GoodsList/index.vue
View File

@ -266,7 +266,7 @@ export default {
}
};
</script>
<style scoped>
<style scoped lang="less">
.noCommodity {
border-top: 3px solid #f5f5f5;
padding-bottom: 1px;

4
pages/shop/ShoppingCart/index.vue
View File

@ -124,7 +124,7 @@
</view>
<Recommend></Recommend>
</view>
<view style="height:2.1rem"></view>
<view style="height:210rpx"></view>
<view :class="['footer acea-row row-between-wrapper']" v-if="cartList.valid.length > 0">
<view>
<view class="select-btn">
@ -160,7 +160,7 @@
</view>
</view>
</view>
<Authorization v-else />
<Authorization v-if="!$store.getters.token" />
</view>
</template>
<script>

58
pages/shop/news/NewsDetail/index.vue
View File

@ -13,55 +13,55 @@
<view class="conter" v-html="articleInfo.content"></view>
</view>
</template>
<style scoped>
<style scoped lang="less">
.newsDetail .picTxt {
width: 6.9rem;
height: 2rem;
border-radius: 0.2rem;
width: 6.9*100rpx;
height: 2*100rpx;
border-radius: 0.2*100rpx;
border: 1px solid #e1e1e1;
position: relative;
margin: 0.3rem auto 0 auto;
margin: 0.3*100rpx auto 0 auto;
}
.newsDetail .picTxt .pictrue {
width: 2rem;
height: 2rem;
width: 2*100rpx;
height: 2*100rpx;
}
.newsDetail .picTxt .pictrue image{
width: 100%;
height: 100%;
border-radius: 0.2rem 0 0 0.2rem;
border-radius: 0.2*100rpx 0 0 0.2*100rpx;
display: block;
}
.newsDetail .picTxt .text {
width: 4.6rem;
width: 4.6*100rpx;
}
.newsDetail .picTxt .text .name {
font-size: 0.3rem;
font-size: 0.3*100rpx;
color: #282828;
}
.newsDetail .picTxt .text .money {
font-size: 0.24rem;
margin-top: 0.4rem;
font-size: 0.24*100rpx;
margin-top: 0.4*100rpx;
font-weight: bold;
}
.newsDetail .picTxt .text .money .num {
font-size: 0.36rem;
font-size: 0.36*100rpx;
}
.newsDetail .picTxt .text .y_money {
font-size: 0.26rem;
font-size: 0.26*100rpx;
color: #999;
text-decoration: line-through;
}
.newsDetail .picTxt .label {
position: absolute;
background-color: #303131;
width: 1.6rem;
height: 0.5rem;
right: -0.07rem;
border-radius: 0.25rem 0 0.06rem 0.25rem;
width: 1.6*100rpx;
height: 0.5*100rpx;
right: -0.07*100rpx;
border-radius: 0.25*100rpx 0 0.06*100rpx 0.25*100rpx;
text-align: center;
line-height: 0.5rem;
bottom: 0.24rem;
line-height: 0.5*100rpx;
bottom: 0.24*100rpx;
}
.newsDetail .picTxt .label .span {
background-image: linear-gradient(to right, #fff71e 0%, #f9b513 100%);
@ -75,20 +75,20 @@
position: absolute;
width: 0;
height: 0;
border-bottom: 0.08rem solid #303131;
border-right: 0.08rem solid transparent;
top: -0.08rem;
border-bottom: 0.08*100rpx solid #303131;
border-right: 0.08*100rpx solid transparent;
top: -0.08*100rpx;
right: 0;
}
.newsDetail .bnt {
color: #fff;
font-size: 0.3rem;
width: 6.9rem;
height: 0.9rem;
border-radius: 0.45rem;
margin: 0.48rem auto 0 auto;
font-size: 0.3*100rpx;
width: 6.9*100rpx;
height: 0.9*100rpx;
border-radius: 0.45*100rpx;
margin: 0.48*100rpx auto 0 auto;
text-align: center;
line-height: 0.9rem;
line-height: 0.9*100rpx;
}
</style>
<script>