Browse Source

修改店铺详情细节

master
Enzo 4 years ago
parent
commit
3796960ca0
  1. 40
      common/styles/iconfont.css
  2. 4
      common/styles/theme.css
  3. 2
      components/lf-price/lf-price.vue
  4. 35
      pages/shop/shopdetail.vue

40
common/styles/iconfont.css

@ -1,11 +1,11 @@
@font-face {
font-family: "lf-iconfont"; /* Project id 2651793 */
src: url('//at.alicdn.com/t/font_2651793_09yxtzk2asib.woff2?t=1627553466179') format('woff2'),
url('//at.alicdn.com/t/font_2651793_09yxtzk2asib.woff?t=1627553466179') format('woff'),
url('//at.alicdn.com/t/font_2651793_09yxtzk2asib.ttf?t=1627553466179') format('truetype');
font-family: "lf-iconfont"; /* Project id 2779107 */
src: url('//at.alicdn.com/t/font_2779107_i410qmxy80m.woff2?t=1630489955128') format('woff2'),
url('//at.alicdn.com/t/font_2779107_i410qmxy80m.woff?t=1630489955128') format('woff'),
url('//at.alicdn.com/t/font_2779107_i410qmxy80m.ttf?t=1630489955128') format('truetype');
}
.lf-iconfont {
.iconfont {
font-family: "lf-iconfont" !important;
font-size: 16px;
font-style: normal;
@ -13,34 +13,26 @@
-moz-osx-font-smoothing: grayscale;
}
.lf-icon-cuo:before {
content: "\e600";
.icon-xiangyou:before {
content: "\e6af";
}
.lf-icon-xiangyou:before {
content: "\e6d8";
.icon-zhankaishangxia:before {
content: "\e7b1";
}
.lf-icon-dui:before {
content: "\e64d";
.icon-fabu:before {
content: "\e62f";
}
.lf-icon-jia:before {
content: "\e606";
.icon-shoucang:before {
content: "\e61a";
}
.lf-icon-dui1:before {
content: "\e609";
.icon-fenxiang:before {
content: "\e612";
}
.lf-icon-weixin:before {
.icon-sousuo:before {
content: "\e61c";
}
.lf-icon-cuowu:before {
content: "\e60c";
}
.lf-icon-tongzhi:before {
content: "\e60d";
}

4
common/styles/theme.css

@ -80,6 +80,10 @@ radio:not([disabled]) .wx-radio-input:hover checkbox:not([disabled]) .wx-checkbo
color: #222222 !important;
}
.lf-color-777 {
color: #777777 !important;
}
.lf-bg-black {
background: #222222 !important;
}

2
components/lf-price/lf-price.vue

@ -5,7 +5,7 @@
<text class="lf-font-28 lf-font-bold lf-color-price">.{{ showPrice(2) }}</text>
</block>
<block v-else>
<text class="text-price lf-font-48 lf-font-bold lf-color-price">{{ showPrice() }}</text>
<text class="text-price lf-font-48 lf-font-bold lf-color-price">{{ showPrice() }} <text class="lf-font-24 lf-color-777 lf-m-l-10"></text> </text>
</block>
</view>
</template>

35
pages/shop/shopdetail.vue

@ -15,16 +15,16 @@
</view>
</view>
<view class="function-total">
<view>
<image class="shop-function" src="https://images.shobserver.com/news/690_390/2021/9/1/72943e71bc5e485584d0a7d5618a00cd.jpg" mode="aspectFill"></image>
<view class="lf-font-24 lf-color-333">客服</view>
<view class="lf-row-center lf-flex-column">
<view><text class="lf-iconfont icon-shoucang shop-function"></text></view>
<view class="lf-font-24 lf-color-33">客服</view>
</view>
<view>
<image class="shop-function" src="https://images.shobserver.com/news/690_390/2021/9/1/72943e71bc5e485584d0a7d5618a00cd.jpg" mode="aspectFill"></image>
<view class="lf-row-center lf-flex-column">
<view><text class="lf-iconfont icon-shoucang shop-function"></text></view>
<view class="lf-font-24 lf-color-333">收藏</view>
</view>
<view>
<image class="shop-function" src="https://images.shobserver.com/news/690_390/2021/9/1/72943e71bc5e485584d0a7d5618a00cd.jpg" mode="aspectFill"></image>
<view class="lf-row-center lf-flex-column">
<view><text class="lf-iconfont icon-fenxiang shop-function"></text></view>
<view class="lf-font-24 lf-color-333">分享</view>
</view>
</view>
@ -37,7 +37,7 @@
<view v-if="title_current==0">
<view class="lf-row-between lf-p-l-32 lf-p-t-40 lf-p-r-32">
<view class="lf-font-32 lf-color-black lf-font-bold">在售商品</view>
<view class="lf-font-24 lf-color-555">查看全部 <u-icon name="arrow-right"></u-icon></view>
<view class="lf-font-24 lf-color-555">查看全部 <text class="lf-iconfont icon-xiangyou lf-font-24 lf-m-l-10"></text></view>
</view>
<view class="lf-row-between lf-p-l-32 lf-p-r-32 lf-p-t-30 lf-p-b-30" style="flex-wrap: wrap;">
<view class="goods-rom" v-for="(item,index) of list" :key="index">
@ -67,7 +67,7 @@
<view class="lf-p-r-32 lf-p-t-30 lf-p-b-30" v-else>
<view class="lf-p-t-30 lf-p-b-30" v-else>
<view class="lf-m-b-30 lf-flex lf-w-100">
<u-icon name="search" class="search-icon"></u-icon>
<input class="rom-search" type="text" placeholder="请输入商品名称" />
@ -458,9 +458,10 @@
margin-right: 15rpx;
}
.shop-function {
width: 60rpx;
height: 60rpx;
width: 80rpx;
height: 80rpx;
border-radius: 50%;
font-size: 40rpx;
}
.function-total {
display: flex;
@ -495,10 +496,14 @@
font-size: 28rpx!important;
}
/deep/.special_tab .u-tab-item:nth-child(4n) {
font-size: 48rpx!important;
color: red;
}
//
// /deep/.special_tab .u-tab-item:nth-child(4n) ::after{
// font-size: 48rpx!important;
// content: '';
// color: red;
// }
// loading
.loading-more {

Loading…
Cancel
Save