Showing
6 changed files
with
37 additions
and
10 deletions
| @@ -54,7 +54,7 @@ | @@ -54,7 +54,7 @@ | ||
| 54 | <text class="activity-item">{{se.label_cstr}}</text> | 54 | <text class="activity-item">{{se.label_cstr}}</text> |
| 55 | </view> | 55 | </view> |
| 56 | <view wx:if="{{hasActivityRed && se.label_carr.length>0}}" class="activity flex-ll"> | 56 | <view wx:if="{{hasActivityRed && se.label_carr.length>0}}" class="activity flex-ll"> |
| 57 | - <view wx:for="{{se.label_carr}}" class="activity-item flex-vc" wx:key="selleractivitykey">{{item.name}}</view> | 57 | + <view wx:for="{{se.label_carr}}" class="activity-item flex-vc activity-item-{{item.type}}" wx:key="selleractivitykey">{{item.name}}</view> |
| 58 | </view> | 58 | </view> |
| 59 | </view> | 59 | </view> |
| 60 | <view class="price flex-lr"> | 60 | <view class="price flex-lr"> |
| @@ -70,7 +70,7 @@ | @@ -70,7 +70,7 @@ | ||
| 70 | <text class="reserve-text" wx:else="">联系餐厅</text> | 70 | <text class="reserve-text" wx:else="">联系餐厅</text> |
| 71 | </view> | 71 | </view> |
| 72 | --> | 72 | --> |
| 73 | - <view class="reserve-button flex-vc" id="reserve-button" catchtap="tapButton"> | 73 | + <view class="reserve-button flex-vc" id="reserve-button" catchtap="tapButton" data-type="oncall"> |
| 74 | 订包间 | 74 | 订包间 |
| 75 | </view> | 75 | </view> |
| 76 | </view> | 76 | </view> |
| @@ -138,6 +138,20 @@ | @@ -138,6 +138,20 @@ | ||
| 138 | font-weight:500; | 138 | font-weight:500; |
| 139 | color:rgba(240,85,34,1); | 139 | color:rgba(240,85,34,1); |
| 140 | padding: 0 10rpx; | 140 | padding: 0 10rpx; |
| 141 | + box-sizing: border-box; | ||
| 142 | +} | ||
| 143 | +.activity .activity-item-1{ | ||
| 144 | + height:36rpx; | ||
| 145 | + border-radius:6rpx; | ||
| 146 | + border:2rpx solid rgba(225,183,127,1); | ||
| 147 | + margin-left: 10rpx; | ||
| 148 | + | ||
| 149 | + | ||
| 150 | + font-size:22rpx; | ||
| 151 | + font-family:PingFangSC-Medium,PingFang SC; | ||
| 152 | + font-weight:500; | ||
| 153 | + color:rgba(225,183,127,1); | ||
| 154 | + padding: 0 10rpx; | ||
| 141 | } | 155 | } |
| 142 | .activity .activity-item:first-child{ | 156 | .activity .activity-item:first-child{ |
| 143 | margin-left: 0; | 157 | margin-left: 0; |
| @@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
| 2 | <view class="tabBar flex-cc" > | 2 | <view class="tabBar flex-cc" > |
| 3 | <block wx:for="{{list}}" wx:key="list"> | 3 | <block wx:for="{{list}}" wx:key="list"> |
| 4 | <view class="item flex-vc" bindtap="redirectTo" data-url="{{item.pagePath}}"> | 4 | <view class="item flex-vc" bindtap="redirectTo" data-url="{{item.pagePath}}"> |
| 5 | - <view class="flex-tb {{(selected==index)?'checked':''}}" style="height: 82rpx;"> | 5 | + <view class="item-view {{(selected==index)?'checked':''}}"> |
| 6 | <view class="icon tabicon{{index+1}}"></view> | 6 | <view class="icon tabicon{{index+1}}"></view> |
| 7 | <view class="text">{{item.text}}</view> | 7 | <view class="text">{{item.text}}</view> |
| 8 | </view> | 8 | </view> |
| @@ -6,11 +6,10 @@ | @@ -6,11 +6,10 @@ | ||
| 6 | box-shadow:0rpx 0rpx 8rpx 0rpx rgba(224,224,224,1); | 6 | box-shadow:0rpx 0rpx 8rpx 0rpx rgba(224,224,224,1); |
| 7 | width:100%; | 7 | width:100%; |
| 8 | position: fixed; | 8 | position: fixed; |
| 9 | - bottom: 0; | ||
| 10 | z-index: 9; | 9 | z-index: 9; |
| 11 | - | ||
| 12 | box-sizing: border-box; | 10 | box-sizing: border-box; |
| 13 | - padding: 8rpx 0; | 11 | + bottom: calc(0rpx + calc(env(safe-area-inset-bottom) mod 5)); |
| 12 | + | ||
| 14 | } | 13 | } |
| 15 | .tabBar .text{ | 14 | .tabBar .text{ |
| 16 | height:32rpx; | 15 | height:32rpx; |
| @@ -26,6 +25,10 @@ | @@ -26,6 +25,10 @@ | ||
| 26 | .tabBar .item{ | 25 | .tabBar .item{ |
| 27 | width: 33%; | 26 | width: 33%; |
| 28 | min-width: 20%; | 27 | min-width: 20%; |
| 28 | + height: 100%; | ||
| 29 | +} | ||
| 30 | +.tabBar .item-view{ | ||
| 31 | + height: 100%; | ||
| 29 | } | 32 | } |
| 30 | .dot{ | 33 | .dot{ |
| 31 | position: absolute; | 34 | position: absolute; |
| @@ -51,6 +54,8 @@ | @@ -51,6 +54,8 @@ | ||
| 51 | width: 46rpx; | 54 | width: 46rpx; |
| 52 | height: 46rpx; | 55 | height: 46rpx; |
| 53 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.png"); | 56 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.png"); |
| 57 | + margin-top: 8rpx; | ||
| 58 | + margin-bottom: 4rpx; | ||
| 54 | } | 59 | } |
| 55 | .tabBar .checked .tabicon1{ | 60 | .tabBar .checked .tabicon1{ |
| 56 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.active.png"); | 61 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon1.active.png"); |
| @@ -60,6 +65,8 @@ | @@ -60,6 +65,8 @@ | ||
| 60 | width:40rpx; | 65 | width:40rpx; |
| 61 | height:38rpx; | 66 | height:38rpx; |
| 62 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.png"); | 67 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.png"); |
| 68 | + margin-top: 14rpx; | ||
| 69 | + margin-bottom: 6rpx; | ||
| 63 | } | 70 | } |
| 64 | .tabBar .checked .tabicon2{ | 71 | .tabBar .checked .tabicon2{ |
| 65 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.active.png"); | 72 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon2.active.png"); |
| @@ -69,6 +76,8 @@ | @@ -69,6 +76,8 @@ | ||
| 69 | width:44rpx; | 76 | width:44rpx; |
| 70 | height:40rpx; | 77 | height:40rpx; |
| 71 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.png"); | 78 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.png"); |
| 79 | + margin-top: 12rpx; | ||
| 80 | + margin-bottom: 6rpx; | ||
| 72 | } | 81 | } |
| 73 | .tabBar .checked .tabicon3{ | 82 | .tabBar .checked .tabicon3{ |
| 74 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.active.png"); | 83 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon3.active.png"); |
| @@ -78,6 +87,8 @@ | @@ -78,6 +87,8 @@ | ||
| 78 | width:40rpx; | 87 | width:40rpx; |
| 79 | height:40rpx; | 88 | height:40rpx; |
| 80 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.png"); | 89 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.png"); |
| 90 | + margin-top: 12rpx; | ||
| 91 | + margin-bottom: 6rpx; | ||
| 81 | } | 92 | } |
| 82 | .tabBar .checked .tabicon4{ | 93 | .tabBar .checked .tabicon4{ |
| 83 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.active.png"); | 94 | background-image: url("http://nosqn.colorcun.com/mapmenu/tabicon4.active.png"); |
| @@ -13,7 +13,7 @@ | @@ -13,7 +13,7 @@ | ||
| 13 | <sb-tr seller="{{item}}" | 13 | <sb-tr seller="{{item}}" |
| 14 | hasActivityTags="{{false}}" | 14 | hasActivityTags="{{false}}" |
| 15 | hasActivityShort="{{true}}" | 15 | hasActivityShort="{{true}}" |
| 16 | - hasBrand="true" hasActivityTese="true" | 16 | + hasBrand="true" hasActivityRed="true" |
| 17 | hasSlogan="{{false}}" | 17 | hasSlogan="{{false}}" |
| 18 | sellerStyle="noborder"></sb-tr> | 18 | sellerStyle="noborder"></sb-tr> |
| 19 | </view> | 19 | </view> |
| @@ -177,18 +177,20 @@ page{ | @@ -177,18 +177,20 @@ page{ | ||
| 177 | height: 64rpx; | 177 | height: 64rpx; |
| 178 | background-color: #fefefe; | 178 | background-color: #fefefe; |
| 179 | line-height: 64rpx; | 179 | line-height: 64rpx; |
| 180 | - color:#999999; | ||
| 181 | - font-size: 24rpx; | 180 | + font-weight:400; |
| 181 | + color:rgba(153,153,153,1); | ||
| 182 | + font-size: 28rpx; | ||
| 182 | 183 | ||
| 183 | border-radius:32rpx; | 184 | border-radius:32rpx; |
| 184 | border:2rpx solid rgba(204,204,204,1); | 185 | border:2rpx solid rgba(204,204,204,1); |
| 185 | width: 100%; | 186 | width: 100%; |
| 187 | + box-sizing: border-box; | ||
| 186 | } | 188 | } |
| 187 | .searchAddr .icon{ | 189 | .searchAddr .icon{ |
| 188 | min-width: 22rpx; | 190 | min-width: 22rpx; |
| 189 | width: 22rpx; | 191 | width: 22rpx; |
| 190 | height: 22rpx; | 192 | height: 22rpx; |
| 191 | - margin: 0 20rpx; | 193 | + margin: 0 10rpx 0 40rpx; |
| 192 | } | 194 | } |
| 193 | .searchAddr .title{ | 195 | .searchAddr .title{ |
| 194 | line-height: 60rpx; | 196 | line-height: 60rpx; |
-
Please register or login to post a comment