fe / yoho-brand-shop · Commits

Go to a project

Authored by 李奇
Commit 4cab83e0cbce118996ba37ede596ef7fe2c9856c 1 parent 8c27729d

首页修改

Inline Side-by-side
Showing 2 changed files with 386 additions and 452 deletions
@@ -2,114 +2,122 @@ @@ -2,114 +2,122 @@
2 <import src="../goodsList/productListCell.wxml"/> 2 <import src="../goodsList/productListCell.wxml"/>
3 <import src="../homefloor/homefloor.wxml"/> 3 <import src="../homefloor/homefloor.wxml"/>
4 <template name='tipTitle'> 4 <template name='tipTitle'>
5 - <view class='titleContainer'  
6 - style="border-bottom:{{no_line?'0.5rpx solid #ffffff':'0.5rpx solid #e0e0e0'}}">  
7 - <view class='titleLine'></view>  
8 - <view class='titleDesc'>{{desc}}</view>  
9 - <view class='titleMore' wx:if='{{more_url?true:false}}' data-jump_rule="{{more_url}}" bindtap="jumpByRule">  
10 - <image class="titleMoreIm" src="./images/more_ic@2x.png" ></image>  
11 - </view>  
12 - </view> 5 + <view class='titleContainer'
  6 + style="border-bottom:{{no_line?'0.5rpx solid #ffffff':'0.5rpx solid #e0e0e0'}}">
  7 + <view class='titleLine'></view>
  8 + <view class='titleDesc'>{{desc}}</view>
  9 + <view class='titleMore' wx:if='{{more_url?true:false}}' data-jump_rule="{{more_url}}" bindtap="jumpByRule">
  10 + <image class="titleMoreIm" src="./images/more_ic@2x.png"></image>
  11 + </view>
  12 + </view>
13 </template> 13 </template>
14 14
15 <view class="container"> 15 <view class="container">
16 - <view class='newtop'> 16 + <view class='newtop'>
17 <view class="search-section" bindtap="searchTapped"> 17 <view class="search-section" bindtap="searchTapped">
18 - <view class="tip">  
19 - <span class="tip-text">搜索品牌名称<image  
20 - class="image-icon" src="./images/search@2x.png"></image> 18 + <view class="tip">
  19 + <span class="tip-text">潮流单品搜一下<image class="image-icon" src="./images/search@2x.png"></image>
21 </span> 20 </span>
22 - </view> 21 + </view>
23 </view> 22 </view>
24 - </view>  
25 - <image class='newTopImg' src='images/home-top-bg2@2x.png'></image>  
26 - <image wx:if='{{channelSelect}}' class='channelBg' src='images/channel-bg@2x.png'></image>  
27 - <!-- <image wx:if='{{channelSelect}}' class='channelBg-girl' src='images/channel-bg@2x.png'></image> -->  
28 - <view class='channelContainer' wx:if='{{channelSelect}}'>  
29 - <view class='channelItem' bindtap="channelSelected" data-type="boy">  
30 - <view class='indicator' style="background-color:{{selectedChannel=='boy' ? 'white':'transparent'}}"></view>  
31 - <view class='channelText' bindtap="channelSelected" data-type="boy">男生</view>  
32 </view> 23 </view>
33 - <view class='channelItem' style='border-top: 1rpx solid #ececec;' bindtap="channelSelected" data-type="girl">  
34 - <view class='indicator' style="background-color:{{selectedChannel=='girl' ? 'white':'transparent'}}" ></view>  
35 - <view class='channelText' bindtap="channelSelected" data-type="girl">女生</view> 24 + <view class='channelContainer' wx:if='{{channelSelect}}'>
  25 + <view class='channelItem' bindtap="channelSelected" data-type="boy">
  26 + <view class='indicator' style="background-color:{{selectedChannel=='boy' ? 'white':'transparent'}}"></view>
  27 + <view class='channelText' bindtap="channelSelected" data-type="boy">男生</view>
  28 + </view>
  29 + <view class='channelItem' style='border-top: 1rpx solid #ececec;' bindtap="channelSelected" data-type="girl">
  30 + <view class='indicator' style="background-color:{{selectedChannel=='girl' ? 'white':'transparent'}}"></view>
  31 + <view class='channelText' bindtap="channelSelected" data-type="girl">女生</view>
  32 + </view>
36 </view> 33 </view>
37 - </view>  
38 -<view class='scrollview' id='touchContainer'>  
39 -  
40 - <block wx:for='{{homelist}}' wx:key='{{index}}'> 34 + <view class='scrollview' id='touchContainer'>
41 35
42 - <block wx:if="{{item.template_name=='focus' || item.template_name=='newFocus'}}">  
43 - <template is='newFocus' data='{{data:item.data,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>  
44 - </block> 36 + <block wx:for='{{homelist}}' wx:key='{{index}}'>
45 37
46 - <block wx:elif="{{item.template_name=='newSingleImage'}}">  
47 - <block wx:if="{{item.title}}">  
48 - <template is='tipTitle' data="{{desc:item.title}}"/>  
49 - </block>  
50 - <template is='singleImg' data='{{data:item,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>  
51 - </block> 38 + <block wx:if="{{item.template_name=='focus' || item.template_name=='newFocus'}}">
  39 + <template is='newFocus'
  40 + data='{{data:item.data,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
  41 + </block>
52 42
53 - <block wx:elif="{{item.template_name=='new_recommend_content_five'}}">  
54 - <block wx:if="{{item.title}}">  
55 - <template is='tipTitle' data="{{desc:item.title,more_url:item.moreUrl,no_line:true}}"/>  
56 - </block>  
57 - <template is='category' data="{{windowWidth:windowWidth,data:item.list,f_id:item.template_id,f_index:index,f_name:item.template_name}}"/>  
58 - </block> 43 + <block wx:elif="{{item.template_name=='newSingleImage'}}">
  44 + <block wx:if="{{item.title}}">
  45 + <template is='tipTitle' data="{{desc:item.title}}"/>
  46 + </block>
  47 + <template is='singleImg'
  48 + data='{{data:item,f_id:item.template_id,f_index:index,f_name:item.template_name}}'/>
  49 + </block>
59 50
60 - <block wx:elif="{{item.template_name=='3:4ImageListFloor'}}">  
61 - <block wx:if="{{item.title}}">  
62 - <template is='tipTitle' data="{{desc:item.title}}"/>  
63 - </block>  
64 - <template is='newHorizontalImg' data="{{data:item.list,title:item.title,f_id:item.template_id,f_index:index,f_name:item.template_name,f_name:item.template_name}}"/>  
65 - <view wx:if="{{!item.title}}" style='width:100%;height:16rpx;background-color:white'/><!--兼容空白 后期需优化调整-->  
66 - </block> 51 + <block wx:elif="{{item.template_name=='new_recommend_content_five'}}">
  52 + <block wx:if="{{item.title}}">
  53 + <template is='tipTitle' data="{{desc:item.title,more_url:item.moreUrl,no_line:true}}"/>
  54 + </block>
  55 + <template is='category'
  56 + data="{{windowWidth:windowWidth,data:item.list,f_id:item.template_id,f_index:index,f_name:item.template_name}}"/>
  57 + </block>
67 58
68 - <block wx:elif="{{item.template_name=='popularListFloor'}}">  
69 - <scroll-view class="activity-container-footer" scroll-x="true">  
70 - <block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">  
71 - <view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"  
72 - data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}' data-f_name='popularListFloor'>  
73 - <image src="{{item.default_images}}" class="activity-item-img"></image>  
74 - <view class="activity-item-price" wx:if="{{item.shop_name && item.display_type == 2}}">{{item.shop_name}}</view>  
75 - <view class="activity-item-price" wx:if="{{item.sales_price && item.display_type == 1}}">￥{{item.sales_price}}</view>  
76 - </view>  
77 - </block>  
78 - </scroll-view>  
79 - <!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->  
80 - </block> 59 + <block wx:elif="{{item.template_name=='3:4ImageListFloor'}}">
  60 + <block wx:if="{{item.title}}">
  61 + <template is='tipTitle' data="{{desc:item.title}}"/>
  62 + </block>
  63 + <template is='newHorizontalImg'
  64 + data="{{data:item.list,title:item.title,f_id:item.template_id,f_index:index,f_name:item.template_name,f_name:item.template_name}}"/>
  65 + <view wx:if="{{!item.title}}" style='width:100%;height:16rpx;background-color:white'/>
  66 + <!--兼容空白 后期需优化调整-->
  67 + </block>
81 68
  69 + <block wx:elif="{{item.template_name=='popularListFloor'}}">
  70 + <scroll-view class="activity-container-footer" scroll-x="true">
  71 + <block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
  72 + <view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
  73 + data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}'
  74 + data-f_name='popularListFloor'>
  75 + <image src="{{item.default_images}}" class="activity-item-img"></image>
  76 + <view class="activity-item-price" wx:if="{{item.shop_name && item.display_type == 2}}">
  77 + {{item.shop_name}}
  78 + </view>
  79 + <view class="activity-item-price" wx:if="{{item.sales_price && item.display_type == 1}}">
  80 + ￥{{item.sales_price}}
  81 + </view>
  82 + </view>
  83 + </block>
  84 + </scroll-view>
  85 + <!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
  86 + </block>
82 87
83 - <block wx:elif="{{item.template_name=='newProductListFloor'}}">  
84 - <scroll-view class="activity-container-footer" scroll-x="true">  
85 - <block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">  
86 - <view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"  
87 - data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}' data-f_name='newProductListFloor'>  
88 - <image src="{{item.default_images}}" class="activity-item-img"></image>  
89 - <view class="activity-item-price">{{item.shop_name}}</view>  
90 - </view>  
91 - </block>  
92 - </scroll-view>  
93 - <!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->  
94 - </block>  
95 88
96 - </block>  
97 - 89 + <block wx:elif="{{item.template_name=='newProductListFloor'}}">
  90 + <scroll-view class="activity-container-footer" scroll-x="true">
  91 + <block wx:for="{{item.data.list}}" wx:key="{{index}}" wx:for-item="item">
  92 + <view class="activity-item" bindtap="activityItemTapped" data-skn="{{item.product_skn}}"
  93 + data-f_id="{{item.template_id}}" data-f_index='{{item.index}}' data-f_inindex='{{index}}'
  94 + data-f_name='newProductListFloor'>
  95 + <image src="{{item.default_images}}" class="activity-item-img"></image>
  96 + <view class="activity-item-price">{{item.shop_name}}</view>
  97 + </view>
  98 + </block>
  99 + </scroll-view>
  100 + <!-- <template is='horProductList' data='{{data:item.data.list}}'/> -->
  101 + </block>
98 102
99 - <template is='tipTitle' wx:if="{{newChannels[selectedChannel]['recommend']['data']}}" data="{{desc:'猜你喜欢'}}"></template> 103 + </block>
  104 + <template is='tipTitle' wx:if="{{newChannels[selectedChannel]['recommend']['data']}}"
  105 + data="{{desc:'猜你喜欢'}}"></template>
100 106
101 - <view class="likeContainer">  
102 - <block wx:for="{{newChannels[selectedChannel]['recommend']['data']}}" wx:key="{{index}}">  
103 - <template is="productListCell" data="{{listWidth, listHeight, listImageWidth, listImageHeight, listImageTop, listMarginHorizontal,index,f_index:3, item}}"/>  
104 - </block>  
105 - </view>  
106 - <!--|| channels[selectedChannel]['recommend']['isLoading']-->  
107 - <loading wx:if="{{newChannels[selectedChannel]['isLoading'] }}">加载中</loading> 107 + <view class="likeContainer">
  108 + <block wx:for="{{newChannels[selectedChannel]['recommend']['data']}}" wx:key="{{index}}">
  109 + <template is="productListCell"
  110 + data="{{listWidth, listHeight, listImageWidth, listImageHeight, listImageTop, listMarginHorizontal,index,f_index:3, item}}"/>
  111 + </block>
  112 + </view>
  113 + <!--|| channels[selectedChannel]['recommend']['isLoading']-->
  114 + <loading wx:if="{{newChannels[selectedChannel]['isLoading'] }}">加载中</loading>
108 115
  116 + </view>
  117 + <view class='container_mask' bindtap='hiddenChannel' wx:if='{{channelSelect}}'></view>
109 </view> 118 </view>
110 - <view class='container_mask' bindtap='hiddenChannel' wx:if='{{channelSelect}}'></view>  
111 -</view>  
112 -<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{true}}" isShowMenu="{{false}}" marginBottom="{{50}}" bind:backToTop="backToTop"></quickNavigation> 119 +<quickNavigation id="quickNavigation" isShowIndicator="{{isShowIndicator}}" isShowShopCart="{{true}}"
  120 + isShowMenu="{{false}}" marginBottom="{{50}}" bind:backToTop="backToTop"></quickNavigation>
113 <import src="../../vendors/toast/wetoast.wxml"/> 121 <import src="../../vendors/toast/wetoast.wxml"/>
114 <template is="wetoast" data="{{...__wetoast__}}"/> 122 <template is="wetoast" data="{{...__wetoast__}}"/>
115 123
1 -/**index.wxss**/  
2 @import "../goodsList/productListCell.wxss"; 1 @import "../goodsList/productListCell.wxss";
3 @import "../homefloor/homefloor.wxss"; 2 @import "../homefloor/homefloor.wxss";
  3 +
4 .container { 4 .container {
5 - background-color: white;  
6 - display: flex;  
7 - flex-direction: column; 5 + background-color: white;
  6 + display: flex;
  7 + flex-direction: column;
8 } 8 }
9 .scrollview{ 9 .scrollview{
10 - /* margin-top: 96rpx; */  
11 - background-color:white; /*#f0f0f0*/  
12 - /*background-color: white;  
13 - position: relative;  
14 - display: flex;  
15 - flex-direction: column;  
16 - justify-content: flex-start;  
17 - white-space: nowrap */ 10 + background-color:white;
18 } 11 }
  12 +
19 .top { 13 .top {
20 - display: flex;  
21 - flex-direction: column;  
22 - justify-content: center;  
23 - align-items: center;  
24 - background-color: #3c3d3e;  
25 - padding-top: 30rpx; 14 + display: flex;
  15 + flex-direction: column;
  16 + justify-content: center;
  17 + align-items: center;
  18 + background-color: #3c3d3e;
  19 + padding-top: 30rpx;
26 } 20 }
27 21
28 .topIcon { 22 .topIcon {
29 - width: 240rpx;  
30 - height: 135rpx; 23 + width: 240rpx;
  24 + height: 135rpx;
31 } 25 }
32 26
33 .serach { 27 .serach {
34 - margin-top: 30rpx;  
35 - margin-left: 35rpx;  
36 - margin-right: 35rpx;  
37 - margin-bottom: 30rpx;  
38 - background-color: white;  
39 - border-radius: 35rpx;  
40 - height: 70rpx;  
41 - display: flex;  
42 - justify-content: center;  
43 - align-items: center;  
44 - width: 90%; 28 + margin-top: 30rpx;
  29 + margin-left: 35rpx;
  30 + margin-right: 35rpx;
  31 + margin-bottom: 30rpx;
  32 + background-color: white;
  33 + border-radius: 35rpx;
  34 + height: 70rpx;
  35 + display: flex;
  36 + justify-content: center;
  37 + align-items: center;
  38 + width: 90%;
45 } 39 }
46 40
47 .serachIcon { 41 .serachIcon {
@@ -51,227 +45,173 @@ @@ -51,227 +45,173 @@
51 } 45 }
52 46
53 .serach_view_show { 47 .serach_view_show {
54 - display: block;  
55 - color: #b0b0b0;  
56 - font-size: 30rpx;  
57 - font-family: PingFang SC;  
58 - padding-left: 10rpx;  
59 -  
60 - font-weight: 500;  
61 - line-height: 2.57;  
62 - letter-spacing: 1.1px;  
63 - text-align: left; 48 + display: block;
  49 + color: #b0b0b0;
  50 + font-size: 30rpx;
  51 + font-family: PingFang SC;
  52 + padding-left: 10rpx;
  53 + font-weight: 500;
  54 + line-height: 2.57;
  55 + letter-spacing: 1.1px;
  56 + text-align: left;
64 } 57 }
65 58
66 .navigator { 59 .navigator {
67 - background-color:white;  
68 - width:100%;  
69 - height:88rpx;  
70 - display:flex;  
71 - flex-direction:row;  
72 - justify-content: center; 60 + background-color:white;
  61 + width:100%;
  62 + height:88rpx;
  63 + display:flex;
  64 + flex-direction:row;
  65 + justify-content: center;
73 } 66 }
74 67
75 .default { 68 .default {
76 - line-height:88rpx;  
77 - text-align:center;  
78 - flex:1;  
79 - color:#b0b0b0;  
80 - font-size:30rpx;  
81 - width: 25%; 69 + line-height:88rpx;
  70 + text-align:center;
  71 + flex:1;
  72 + color:#b0b0b0;
  73 + font-size:30rpx;
  74 + width: 25%;
82 } 75 }
83 76
84 .navText { 77 .navText {
85 - padding-left: 10rpx;  
86 - padding-right: 10rpx;  
87 - padding-bottom: 18rpx;  
88 - color:#b0b0b0;  
89 - font-family: PingFang SC;  
90 - /*background-color: red;*/ 78 + padding-left: 10rpx;
  79 + padding-right: 10rpx;
  80 + padding-bottom: 18rpx;
  81 + color:#b0b0b0;
  82 + font-family: PingFang SC;
91 } 83 }
92 84
93 .navTextSelected { 85 .navTextSelected {
94 - font-size:36rpx;  
95 - font-weight:bold;  
96 - color:#444444;  
97 - border-bottom: 4rpx solid; 86 + font-size:36rpx;
  87 + font-weight:bold;
  88 + color:#444444;
  89 + border-bottom: 4rpx solid;
98 } 90 }
99 91
100 .sectionContainer { 92 .sectionContainer {
101 - position: relative;  
102 - display: flex;  
103 - align-items: center;  
104 - align-content: center;  
105 - justify-content: center; 93 + position: relative;
  94 + display: flex;
  95 + align-items: center;
  96 + align-content: center;
  97 + justify-content: center;
106 } 98 }
107 99
108 .sectionLine { 100 .sectionLine {
109 - background-color: #e0e0e0;  
110 - height: 3rpx;  
111 - width: 120rpx;  
112 - margin-left: 20rpx;  
113 - margin-right: 20rpx; 101 + background-color: #e0e0e0;
  102 + height: 3rpx;
  103 + width: 120rpx;
  104 + margin-left: 20rpx;
  105 + margin-right: 20rpx;
114 } 106 }
115 107
116 .sectionTitle { 108 .sectionTitle {
117 - line-height: 80rpx;  
118 - color: #444444;  
119 - text-align: center;  
120 - vertical-align: center;  
121 - font-family: PingFang SC;  
122 - font-size: 32rpx;  
123 - font-weight: bold; 109 + line-height: 80rpx;
  110 + color: #444444;
  111 + text-align: center;
  112 + vertical-align: center;
  113 + font-family: PingFang SC;
  114 + font-size: 32rpx;
  115 + font-weight: bold;
124 } 116 }
125 117
126 .moreButtonContainer { 118 .moreButtonContainer {
127 - position: absolute;  
128 - right: 0rpx;  
129 - width: 100rpx;  
130 - height: 88rpx;  
131 - display: flex;  
132 - justify-content: center;  
133 - align-items: center; 119 + position: absolute;
  120 + right: 0rpx;
  121 + width: 100rpx;
  122 + height: 88rpx;
  123 + display: flex;
  124 + justify-content: center;
  125 + align-items: center;
134 } 126 }
135 127
136 .moreButton { 128 .moreButton {
137 - width: 44rpx;  
138 - height: 8rpx; 129 + width: 44rpx;
  130 + height: 8rpx;
139 } 131 }
140 132
141 .brandContainer { 133 .brandContainer {
142 - background-color: white;  
143 - width: 100%;  
144 - height: 250rpx;  
145 - white-space: nowrap;  
146 - padding-left: 8rpx;  
147 - /*padding-right: 8rpx;*/ 134 + background-color: white;
  135 + width: 100%;
  136 + height: 250rpx;
  137 + white-space: nowrap;
  138 + padding-left: 8rpx;
148 } 139 }
149 140
150 .brandItem { 141 .brandItem {
151 - display: inline-block;  
152 - margin: 16rpx 8rpx 16rpx 8rpx;  
153 - /* margin-left: 8rpx;  
154 - margin-right: 8rpx;  
155 - margin-top: 8rpx;  
156 - margin-bottom: 0rpx; */ 142 + display: inline-block;
  143 + margin: 16rpx 8rpx 16rpx 8rpx;
157 } 144 }
158 145
159 ::-webkit-scrollbar { 146 ::-webkit-scrollbar {
160 - width: 0;  
161 - height: 0;  
162 - color: transparent; 147 + width: 0;
  148 + height: 0;
  149 + color: transparent;
163 } 150 }
164 151
165 .brand { 152 .brand {
166 - white-space: wrap;  
167 - height: 220rpx;  
168 - width: 220rpx; 153 + white-space: wrap;
  154 + height: 220rpx;
  155 + width: 220rpx;
169 } 156 }
170 157
171 .brandImage { 158 .brandImage {
172 - width: 220rpx;  
173 - height: 220rpx;  
174 - border-radius: 10rpx; 159 + width: 220rpx;
  160 + height: 220rpx;
  161 + border-radius: 10rpx;
175 } 162 }
176 163
177 .catgoryContainer { 164 .catgoryContainer {
178 - display: flex;  
179 - flex-direction: row;  
180 - flex-wrap: wrap;  
181 - background-color: white;  
182 - border-top: 1rpx solid #dddddd;  
183 - /*border-bottom: 1rpx solid #dddddd;*/ 165 + display: flex;
  166 + flex-direction: row;
  167 + flex-wrap: wrap;
  168 + background-color: white;
  169 + border-top: 1rpx solid #dddddd;
184 } 170 }
185 171
186 .category { 172 .category {
187 - display: flex;  
188 - flex-direction: column;  
189 - align-items: center;  
190 - border-bottom: 1rpx solid #dddddd;  
191 - 173 + display: flex;
  174 + flex-direction: column;
  175 + align-items: center;
  176 + border-bottom: 1rpx solid #dddddd;
192 } 177 }
193 178
194 .categoryTitle { 179 .categoryTitle {
195 - margin-top: 15rpx;  
196 - margin-bottom: 15rpx;  
197 - line-height: 22rpx;  
198 - font-family: PingFang SC;  
199 - font-size: 22rpx;  
200 - color: rgb(68, 68, 68); 180 + margin-top: 15rpx;
  181 + margin-bottom: 15rpx;
  182 + line-height: 22rpx;
  183 + font-family: PingFang SC;
  184 + font-size: 22rpx;
  185 + color: rgb(68, 68, 68);
201 } 186 }
202 187
203 .categoryImage { 188 .categoryImage {
204 - width: 100%; 189 + width: 100%;
205 } 190 }
206 191
207 .newArrivalContainer { 192 .newArrivalContainer {
208 - display: flex;  
209 - flex-direction: row;  
210 - flex-wrap: wrap;  
211 - background-color: white;  
212 -}  
213 -  
214 -/* .product {  
215 - display: flex;  
216 - flex-direction: column;  
217 - background-color: white;  
218 -} */  
219 -  
220 -/* .productImage {  
221 - display: block;  
222 -  
223 -} */  
224 -  
225 -/* .productTitle {  
226 - margin-top: 30rpx;  
227 - margin-bottom: 12rpx;  
228 - color: #444444;  
229 - font-family: PingFang SC;  
230 - font-size: 24rpx; */  
231 - /*font-weight: bold;*/  
232 - /* line-height: 30rpx;  
233 - display: -webkit-box;  
234 - -webkit-box-orient: vertical;  
235 - -webkit-line-clamp: 2;  
236 - overflow: hidden;  
237 - height: 60rpx;  
238 -} */  
239 -  
240 -/* .priceContainer {  
241 - display: flex;  
242 - flex-direction: row;  
243 - margin-top: 10rpx;  
244 - margin-bottom: 30rpx;  
245 -} */  
246 -/*  
247 -.price1 {  
248 - font-size: 24rpx;  
249 - color: #d0021b;  
250 -} */  
251 -  
252 -/* .price2 {  
253 - margin-left: 10rpx;  
254 - font-size: 24rpx;  
255 - color: #b0b0b0;  
256 - text-decoration: line-through;  
257 -} */ 193 + display: flex;
  194 + flex-direction: row;
  195 + flex-wrap: wrap;
  196 + background-color: white;
  197 +}
258 198
259 .likeContainer { 199 .likeContainer {
260 - display: flex;  
261 - flex-direction: row;  
262 - flex-wrap: wrap;  
263 - background-color: white; 200 + display: flex;
  201 + flex-direction: row;
  202 + flex-wrap: wrap;
  203 + background-color: white;
264 } 204 }
265 205
266 .like { 206 .like {
267 - display: flex;  
268 - flex-direction: column;  
269 - align-items: center;  
270 - margin: 20rpx; 207 + display: flex;
  208 + flex-direction: column;
  209 + align-items: center;
  210 + margin: 20rpx;
271 } 211 }
272 212
273 .activities { 213 .activities {
274 - background-color: white; 214 + background-color: white;
275 } 215 }
276 216
277 .activity-container { 217 .activity-container {
@@ -279,235 +219,221 @@ @@ -279,235 +219,221 @@
279 } 219 }
280 220
281 .activity-container-header { 221 .activity-container-header {
282 - width: 100%;  
283 - height: 324rpx; 222 + width: 100%;
  223 + height: 324rpx;
284 } 224 }
285 225
286 .activity-banner { 226 .activity-banner {
287 - width: 100%;  
288 - height: 100%; 227 + width: 100%;
  228 + height: 100%;
289 } 229 }
290 230
291 .activity-container-footer { 231 .activity-container-footer {
292 - white-space: nowrap;  
293 - background-color: white;  
294 - /* display: flex;  
295 - flex-direction: row;  
296 - align-items: center */ 232 + white-space: nowrap;
  233 + background-color: white;
297 } 234 }
298 235
299 .activity-item { 236 .activity-item {
300 - width: 186rpx;  
301 - height: 296rpx;  
302 - display: inline-block;  
303 - margin-top: 30rpx;  
304 - margin-left: 32rpx; 237 + width: 186rpx;
  238 + height: 296rpx;
  239 + display: inline-block;
  240 + margin-top: 30rpx;
  241 + margin-left: 32rpx;
305 } 242 }
306 243
307 .activity-item:last-child { 244 .activity-item:last-child {
308 - margin-right: 32rpx; 245 + margin-right: 32rpx;
309 } 246 }
310 247
311 .activity-item-img { 248 .activity-item-img {
312 - width: 100%;  
313 - height: 77%; 249 + width: 100%;
  250 + height: 77%;
314 } 251 }
315 252
316 .activity-item-price { 253 .activity-item-price {
317 - width: 100%;  
318 - height: 23%;  
319 - text-align: center;  
320 - line-height: 50rpx;  
321 - color:#444444;  
322 - font-size: 24rpx;  
323 - font-family: PingFang SC;  
324 - overflow: hidden;  
325 - text-overflow:ellipsis;  
326 - white-space: nowrap; 254 + width: 100%;
  255 + height: 23%;
  256 + text-align: center;
  257 + line-height: 50rpx;
  258 + color:#444444;
  259 + font-size: 24rpx;
  260 + font-family: PingFang SC;
  261 + overflow: hidden;
  262 + text-overflow:ellipsis;
  263 + white-space: nowrap;
327 } 264 }
328 265
329 .activities-footer { 266 .activities-footer {
330 - height: 100rpx;  
331 - width: 100%;  
332 - line-height: 100rpx;  
333 - text-align: center;  
334 - font-family: PingFang SC;  
335 - font-size: 30rpx;  
336 - border-top: solid 1rpx gainsboro; 267 + height: 100rpx;
  268 + width: 100%;
  269 + line-height: 100rpx;
  270 + text-align: center;
  271 + font-family: PingFang SC;
  272 + font-size: 30rpx;
  273 + border-top: solid 1rpx gainsboro;
337 } 274 }
338 .new-focus-img{ 275 .new-focus-img{
339 - width: 100%;  
340 - height: 100%; 276 + width: 100%;
  277 + height: 100%;
341 } 278 }
342 .swiper-status{ 279 .swiper-status{
343 - width: 750rpx;  
344 - height:500rpx; 280 + width: 750rpx;
  281 + height:500rpx;
345 282
346 } 283 }
347 -/* 以下标题模板所用样式 */  
348 .titleContainer{ 284 .titleContainer{
349 - background-color: white;  
350 - display: flex;  
351 - flex-direction: row;  
352 - height: 80rpx;  
353 - align-items:center; 285 + background-color: white;
  286 + display: flex;
  287 + flex-direction: row;
  288 + height: 80rpx;
  289 + align-items:center;
354 } 290 }
355 .titleLine{ 291 .titleLine{
356 - width: 4rpx;  
357 - height: 30rpx;  
358 - background-color: #444444;  
359 - margin-left: 20rpx; 292 + width: 4rpx;
  293 + height: 30rpx;
  294 + background-color: #444444;
  295 + margin-left: 20rpx;
360 } 296 }
361 .titleDesc{ 297 .titleDesc{
362 - flex: 1;  
363 - text-align: left;  
364 - color: #444444;  
365 - font-family: PingFang SC;  
366 - font-size:30rpx;  
367 - margin-left: 16rpx;  
368 - font-weight: 600;  
369 - /* line-height: 2.75; */ 298 + flex: 1;
  299 + text-align: left;
  300 + color: #444444;
  301 + font-family: PingFang SC;
  302 + font-size:30rpx;
  303 + margin-left: 16rpx;
  304 + font-weight: 600;
370 } 305 }
371 .titleMore{ 306 .titleMore{
372 - width: 48rpx;  
373 - height: 38rpx;  
374 - display: flex;  
375 - margin-right: 30rpx;  
376 - align-items: center;  
377 - justify-content: center; 307 + width: 48rpx;
  308 + height: 38rpx;
  309 + display: flex;
  310 + margin-right: 30rpx;
  311 + align-items: center;
  312 + justify-content: center;
378 } 313 }
379 314
380 .titleMoreIm{ 315 .titleMoreIm{
381 - width: 44rpx;  
382 - height: 8rpx; 316 + width: 44rpx;
  317 + height: 8rpx;
383 } 318 }
384 319
385 .view-splite { 320 .view-splite {
386 - height:20rpx; 321 + height:20rpx;
387 } 322 }
388 323
389 .newtop{ 324 .newtop{
390 - position: fixed;  
391 - top: 0;  
392 - left: 0;  
393 - height: 96rpx;  
394 - width: 100%;  
395 - display: flex;  
396 - flex-direction: row;  
397 - align-items: center;  
398 - z-index: 1000;  
399 -}  
400 -.newTopImg{  
401 - position: fixed;  
402 - top: 0;  
403 - left: 0;  
404 - height: 96rpx;  
405 - width: 100%;  
406 - z-index: 999;  
407 -}  
408 -.newsearch{  
409 - height: 70rpx;  
410 - width: 615rpx;  
411 - margin-left: 30rpx;  
412 - background-color: #ffffff;  
413 - display: flex;  
414 - flex-direction: row;  
415 - align-items: center;  
416 - border-radius: 10rpx;  
417 - top: 0rpx;  
418 - left: 0rpx  
419 -}  
420 -  
421 -.channelContainer{  
422 - width: 100%;  
423 - top: 96rpx;  
424 - position: fixed;  
425 - display: flex;  
426 - flex-direction: column;  
427 - height: wrap;  
428 - z-index: 1000;  
429 -}  
430 -.channelItem{  
431 - height: 100rpx;  
432 - width: 750rpx;  
433 - display: flex;  
434 - justify-content: center;  
435 - flex-direction: row;  
436 - align-items: center;  
437 -}  
438 -/* .channelBg-girl{  
439 - position: fixed;  
440 - height: 100rpx;  
441 - width: 750rpx;  
442 - top: 197rpx;  
443 - z-index: 999;  
444 - border-top: 1rpx solid #ececec;  
445 -} */  
446 -.channelBg{  
447 - position: fixed;  
448 - height: 201rpx;  
449 - width: 750rpx;  
450 - top: 96rpx;  
451 - z-index: 999;  
452 -}  
453 -.indicator{  
454 - width: 10rpx;  
455 - height: 10rpx;  
456 - background-color: white;  
457 -}  
458 -.channelText{  
459 - font-family: PingFang-SC;  
460 - font-size: 40rpx;  
461 - font-weight: 600;  
462 - text-align: left;  
463 - color: #ffffff;  
464 - margin-left: 20rpx  
465 -}  
466 -.channelIcon{  
467 - width: 48rpx;  
468 - height: 38rpx;  
469 - margin-left: 30rpx;  
470 - margin-right: 30rpx  
471 -}  
472 -.container_mask{  
473 - position: fixed;  
474 - top: 96;  
475 - z-index: 555;  
476 - width: 100%;  
477 - height: 100%;  
478 - background: #333;  
479 - filter: alpha(opacity=0);  
480 - opacity: 0.0;  
481 - 325 + position: fixed;
  326 + top: 0;
  327 + left: 0;
  328 + height: 96rpx;
  329 + width: 100%;
  330 + display: flex;
  331 + flex-direction: row;
  332 + align-items: center;
  333 + z-index: 1000;
482 } 334 }
483 335
484 .search-section { 336 .search-section {
485 - height: 72rpx;  
486 - padding: 18rpx 30rpx;  
487 - background-color: #fff;  
488 - box-sizing: content-box; 337 + height: 72rpx;
  338 + padding: 18rpx 30rpx;
  339 + background-color: #fff;
  340 + box-sizing: content-box;
  341 + flex: 1;
489 } 342 }
490 343
491 .search-section .tip { 344 .search-section .tip {
492 - font-family: PingFang-SC-Regular, sans-serif;  
493 - height: 72rpx;  
494 - font-size: 28rpx;  
495 - color: #b0b0b0;  
496 - text-align: center;  
497 - line-height: 72rpx;  
498 - border-radius: 40rpx;  
499 - background: #f7f7f7; 345 + font-family: PingFang-SC-Regular, sans-serif;
  346 + height: 72rpx;
  347 + font-size: 28rpx;
  348 + color: #b0b0b0;
  349 + text-align: center;
  350 + line-height: 72rpx;
  351 + border-radius: 40rpx;
  352 + background: #f7f7f7;
500 } 353 }
501 354
502 .search-section .tip-text { 355 .search-section .tip-text {
503 - position: relative;  
504 - left: 40rpx; 356 + position: relative;
  357 + left: 40rpx;
505 } 358 }
506 359
507 .search-section .image-icon { 360 .search-section .image-icon {
508 - position: absolute;  
509 - height: 30rpx;  
510 - width: 30rpx;  
511 - top: 6rpx;  
512 - left: -40rpx;  
513 -}  
  361 + position: absolute;
  362 + height: 30rpx;
  363 + width: 30rpx;
  364 + top: 6rpx;
  365 + left: -40rpx;
  366 +}
  367 +
  368 +.newsearch {
  369 + height: 70rpx;
  370 + width: 615rpx;
  371 + margin-left: 30rpx;
  372 + background-color: #ffffff;
  373 + display: flex;
  374 + flex-direction: row;
  375 + align-items: center;
  376 + border-radius: 10rpx;
  377 + top: 0rpx;
  378 + left: 0rpx
  379 +}
  380 +
  381 +.channelContainer {
  382 + width: 100%;
  383 + top: 96rpx;
  384 + position: fixed;
  385 + display: flex;
  386 + flex-direction: column;
  387 + height: wrap;
  388 + z-index: 1000;
  389 +}
  390 +
  391 +.channelItem {
  392 + height: 100rpx;
  393 + width: 750rpx;
  394 + display: flex;
  395 + justify-content: center;
  396 + flex-direction: row;
  397 + align-items: center;
  398 +}
  399 +
  400 +.channelBg {
  401 + position: fixed;
  402 + height: 201rpx;
  403 + width: 750rpx;
  404 + top: 96rpx;
  405 + z-index: 999;
  406 +}
  407 +
  408 +.indicator {
  409 + width: 10rpx;
  410 + height: 10rpx;
  411 + background-color: white;
  412 +}
  413 +
  414 +.channelText {
  415 + font-family: PingFang-SC;
  416 + font-size: 40rpx;
  417 + font-weight: 600;
  418 + text-align: left;
  419 + color: #ffffff;
  420 + margin-left: 20rpx;
  421 +}
  422 +
  423 +.channelIcon {
  424 + width: 48rpx;
  425 + height: 38rpx;
  426 + margin-left: 30rpx;
  427 + margin-right: 30rpx
  428 +}
  429 +
  430 +.container_mask {
  431 + position: fixed;
  432 + top: 96;
  433 + z-index: 555;
  434 + width: 100%;
  435 + height: 100%;
  436 + background: #333;
  437 + filter: alpha(opacity=0);
  438 + opacity: 0.0;
  439 +}