Browse Source

1.商品详情收藏图标调整修改 2.我的收藏店铺收藏操作布局调整修改 3.消息通知图标调整修改

master
dy-hu 2 years ago
parent
commit
946d66cae4
  1. 6
      pages.json
  2. 8
      pages_category_page1/goodsModule/components/GoodActivityDetail.vue
  3. 32
      pages_category_page1/store/index.vue
  4. 12
      pages_category_page2/userModule/messageCenter.vue

6
pages.json

@ -541,9 +541,9 @@
"path": "userModule/memberAccount", "path": "userModule/memberAccount",
"style": { "style": {
"navigationBarTitleText": "%page.myaccount%", "navigationBarTitleText": "%page.myaccount%",
"navigationBarBackgroundColor": "#333333",
"backgroundColor": "#333333",
"navigationBarTextStyle": "white"
"navigationBarBackgroundColor": "#c8cbf7",
"backgroundColor": "#c8cbf7",
"navigationBarTextStyle": "black"
} }
}, },
// { // {

8
pages_category_page1/goodsModule/components/GoodActivityDetail.vue

@ -148,12 +148,12 @@
<image <image
v-if="productInfo.ifCollect === 1" v-if="productInfo.ifCollect === 1"
class="store-icon" class="store-icon"
src="http://36.138.125.206:8081/ceres-local-file/image/prod_collect_active.png"
src="http://36.138.125.206:8081/ceres-local-file/image/collect_active.png"
></image> ></image>
<image <image
v-else v-else
class="store-icon" class="store-icon"
src="http://36.138.125.206:8081/ceres-local-file/image/prod_collect_normal.png"
src="http://36.138.125.206:8081/ceres-local-file/image/collect_normal.png"
> >
</image> </image>
</view> </view>
@ -465,8 +465,8 @@ export default {
} }
.store-icon { .store-icon {
width: 68rpx;
height: 68rpx;
width: 70rpx;
height: 70rpx;
} }
} }

32
pages_category_page1/store/index.vue

@ -32,12 +32,12 @@
</view> </view>
<view class="contentRight"> <view class="contentRight">
<view class="favorites-box cur-poi" @click="collectToggle"> <view class="favorites-box cur-poi" @click="collectToggle">
<image v-if="ifCollect === 0" class="store-icon"
src="http://36.138.125.206:8081/ceres-local-file/static/images/iconShoucang.png">
<image v-if="ifCollect === 0" class="shop-collect-img"
src="http://36.138.125.206:8081/ceres-local-file/image/collect_normal.png">
</image> </image>
<image v-else class="store-icon"
src="http://36.138.125.206:8081/ceres-local-file/static/images/shoucangActive.png"></image>
<text class="text">{{ifCollect === 0? $t('common.collect') : $t('common.cancel')}}</text>
<image v-else class="shop-collect-img"
src="http://36.138.125.206:8081/ceres-local-file/image/collect_active.png"></image>
<!-- <text class="text">{{ifCollect === 0? $t('common.collect') : $t('common.cancel')}}</text>-->
</view> </view>
</view> </view>
</view> </view>
@ -121,8 +121,8 @@
@click="goodsItemTap(cItem.productId,cItem.skuId)"> @click="goodsItemTap(cItem.productId,cItem.skuId)">
<image :src="cItem.image" class="product-img default-img" <image :src="cItem.image" class="product-img default-img"
onerror="this.src='url(http://36.138.125.206:8081/ceres-local-file/image/default.png) no-repeat center';this.οnerrοr=null"></image> onerror="this.src='url(http://36.138.125.206:8081/ceres-local-file/image/default.png) no-repeat center';this.οnerrοr=null"></image>
<image v-if="cItem.ifCollect === 1" class="collect-img" src="http://36.138.125.206:8081/ceres-local-file/image/shop_prod_collect_actvie.png" @click.stop="onCollect(cItem, 0)"/>
<image v-else class="collect-img" src="http://36.138.125.206:8081/ceres-local-file/image/shop_prod_collect_normal.png" @click.stop="onCollect(cItem, 1)"/>
<image v-if="cItem.ifCollect === 1" class="collect-img" src="http://36.138.125.206:8081/ceres-local-file/image/prod_collect_active.png" @click.stop="onCollect(cItem, 0)"/>
<image v-else class="collect-img" src="http://36.138.125.206:8081/ceres-local-file/image/prod_collect_normal.png" @click.stop="onCollect(cItem, 1)"/>
<image class="cart-add-img" src="http://36.138.125.206:8081/ceres-local-file/image/shop_prod_addcart.png"/> <image class="cart-add-img" src="http://36.138.125.206:8081/ceres-local-file/image/shop_prod_addcart.png"/>
<view class="product-bottom-box"> <view class="product-bottom-box">
<view class="product-name">{{cItem.productName}}</view> <view class="product-name">{{cItem.productName}}</view>
@ -713,13 +713,13 @@
} }
.contentRight { .contentRight {
flex: 3;
flex: 1;
.favorites-box { .favorites-box {
display: flex; display: flex;
width: 160rpx;
height: 60rpx;
background: #F54639;
//width: 160rpx;
//height: 60rpx;
//background: #F54639;
opacity: 1; opacity: 1;
border-radius: 46rpx; border-radius: 46rpx;
align-items: center; align-items: center;
@ -731,6 +731,11 @@
margin-right: 8rpx; margin-right: 8rpx;
} }
.shop-collect-img{
width: 70rpx;
height: 70rpx;
}
.text { .text {
font-size: 24rpx; font-size: 24rpx;
color: #fff; color: #fff;
@ -1162,6 +1167,11 @@
} }
} }
.collect-img{
width: 70rpx;
height: 70rpx;
}
// #endif // #endif
</style> </style>

12
pages_category_page2/userModule/messageCenter.vue

@ -17,14 +17,14 @@
<view class="messageType"> <view class="messageType">
<view v-if="item.noticeType == 1" class="messageTypeL"> <view v-if="item.noticeType == 1" class="messageTypeL">
<view class="iconBox"> <view class="iconBox">
<image src="http://36.138.125.206:8081/ceres-local-file/static/images/notice.png" alt=""></image>
<image src="http://36.138.125.206:8081/ceres-local-file/image/msg_notice.png" alt=""></image>
<view class="redBox" v-if="item.ifRead ===0"></view> <view class="redBox" v-if="item.ifRead ===0"></view>
</view> </view>
<span>{{$t('common.ordermsg')}}</span> <span>{{$t('common.ordermsg')}}</span>
</view> </view>
<view v-else class="messageTypeL"> <view v-else class="messageTypeL">
<view class="iconBox"> <view class="iconBox">
<image src="http://36.138.125.206:8081/ceres-local-file/static/images/notice.png" alt=""></image>
<image src="http://36.138.125.206:8081/ceres-local-file/image/msg_notice.png" alt=""></image>
</view> </view>
<span>{{$t('common.systemnotice')}}</span> <span>{{$t('common.systemnotice')}}</span>
</view> </view>
@ -291,13 +291,13 @@
border-bottom: 2rpx solid #F8F8F8; border-bottom: 2rpx solid #F8F8F8;
.messageBox { .messageBox {
.messageType { .messageType {
padding: 30upx;
padding: 30rpx;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
.iconBox { .iconBox {
border-radius: 50%; border-radius: 50%;
background: #C5AA7B;
//background: #252744;
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
display: flex; display: flex;
@ -319,8 +319,8 @@
display: flex; display: flex;
align-items: center; align-items: center;
image { image {
width: 50upx;
height: 50upx;
width: 60rpx;
height: 60rpx;
border-radius: 50%; border-radius: 50%;
} }
span { span {

Loading…
Cancel
Save