Showing
13 changed files
with
225 additions
and
11 deletions
| @@ -3796,6 +3796,61 @@ scroll-view.cu-steps .cu-item { | @@ -3796,6 +3796,61 @@ scroll-view.cu-steps .cu-item { | ||
| 3796 | /* ================== | 3796 | /* ================== |
| 3797 | 文本 | 3797 | 文本 |
| 3798 | ==================== */ | 3798 | ==================== */ |
| 3799 | +.txt-20-h{ | ||
| 3800 | + font-size: 20rpx; | ||
| 3801 | + height: calc(20rpx * 1.4); | ||
| 3802 | + line-height: calc(20rpx * 1.4); | ||
| 3803 | +} | ||
| 3804 | +.txt-22-h{ | ||
| 3805 | + font-size: 22rpx; | ||
| 3806 | + height: calc(22rpx * 1.4); | ||
| 3807 | + line-height: calc(22rpx * 1.4); | ||
| 3808 | +} | ||
| 3809 | +.txt-24-h{ | ||
| 3810 | + font-size: 24rpx; | ||
| 3811 | + height: calc(24rpx * 1.4); | ||
| 3812 | + line-height: calc(24rpx * 1.4); | ||
| 3813 | +} | ||
| 3814 | +.txt-26-h{ | ||
| 3815 | + font-size: 26rpx; | ||
| 3816 | + height: calc(26rpx * 1.4); | ||
| 3817 | + line-height: calc(26rpx * 1.4); | ||
| 3818 | +} | ||
| 3819 | +.txt-28-h{ | ||
| 3820 | + font-size: 28rpx; | ||
| 3821 | + height: calc(28rpx * 1.4); | ||
| 3822 | + line-height: calc(28rpx * 1.4); | ||
| 3823 | +} | ||
| 3824 | +.txt-30-h{ | ||
| 3825 | + font-size: 30rpx; | ||
| 3826 | + height: calc(30rpx * 1.4); | ||
| 3827 | + line-height: calc(30rpx * 1.4); | ||
| 3828 | +} | ||
| 3829 | +.txt-32-h{ | ||
| 3830 | + font-size: 32rpx; | ||
| 3831 | + height: calc(32rpx * 1.4); | ||
| 3832 | + line-height: calc(32rpx * 1.4); | ||
| 3833 | +} | ||
| 3834 | +.txt-34-h{ | ||
| 3835 | + font-size: 34rpx; | ||
| 3836 | + height: calc(34rpx * 1.4); | ||
| 3837 | + line-height: calc(34rpx * 1.4); | ||
| 3838 | +} | ||
| 3839 | +.txt-36-h{ | ||
| 3840 | + font-size: 36rpx; | ||
| 3841 | + height: calc(36rpx * 1.4); | ||
| 3842 | + line-height: calc(36rpx * 1.4); | ||
| 3843 | +} | ||
| 3844 | +.txt-38-h{ | ||
| 3845 | + font-size: 38rpx; | ||
| 3846 | + height: calc(38rpx * 1.4); | ||
| 3847 | + line-height: calc(38rpx * 1.4); | ||
| 3848 | +} | ||
| 3849 | +.txt-40-h{ | ||
| 3850 | + font-size: 40rpx; | ||
| 3851 | + height: calc(40rpx * 1.4); | ||
| 3852 | + line-height: calc(40rpx * 1.4); | ||
| 3853 | +} | ||
| 3799 | 3854 | ||
| 3800 | .text-xs { | 3855 | .text-xs { |
| 3801 | font-size: 20rpx; | 3856 | font-size: 20rpx; |
| @@ -3822,7 +3877,7 @@ scroll-view.cu-steps .cu-item { | @@ -3822,7 +3877,7 @@ scroll-view.cu-steps .cu-item { | ||
| 3822 | } | 3877 | } |
| 3823 | 3878 | ||
| 3824 | .text-xxl { | 3879 | .text-xxl { |
| 3825 | - font-size: 44rpx; | 3880 | + font-size: 40rpx; |
| 3826 | } | 3881 | } |
| 3827 | 3882 | ||
| 3828 | .text-sl { | 3883 | .text-sl { |
components/2.0/taocan/card.js
0 → 100644
components/2.0/taocan/card.json
0 → 100644
components/2.0/taocan/card.wxml
0 → 100644
| 1 | +<!--components/2.0/taocan/card.wxml--> | ||
| 2 | +<view class="view flex margin-bottom-lg card"> | ||
| 3 | + <view class="view thumb"></view> | ||
| 4 | + <view class="view margin-left"> | ||
| 5 | + <view class="view text-bold txt-36-h">111</view> | ||
| 6 | + <view class="view bg-white flex text-gray txt-28-h" style="margin-bottom:6rpx;margin-top: 6rpx;"> | ||
| 7 | + <view class="view margin-right">123</view> | ||
| 8 | + <view class="view margin-right">123</view> | ||
| 9 | + <view class="view margin-right">123</view> | ||
| 10 | + </view> | ||
| 11 | + <view class="view flex align-end text-gray"> | ||
| 12 | + <view class="text-orange txt-28-h" style="margin-bottom: 4rpx;">¥</view> | ||
| 13 | + <view class="text-orange txt-40-h margin-right-sm">123</view> | ||
| 14 | + <view class="huaxian flex align-end"> | ||
| 15 | + <view class="txt-20-h" style="margin-bottom: 8rpx;">¥</view> | ||
| 16 | + <view class="txt-28-h" style="margin-bottom: 4rpx;">123</view> | ||
| 17 | + </view> | ||
| 18 | + </view> | ||
| 19 | + <view class="view flex text-orange align-end" style="margin-top: 2rpx;"> | ||
| 20 | + <view class="view tag" style="margin-bottom: 6rpx;"></view> | ||
| 21 | + <view class="view margin-left-xs txt-24-h">8折</view> | ||
| 22 | + </view> | ||
| 23 | + </view> | ||
| 24 | + <view class="button bg-blue-blue txt-28-h text-bold flex align-center justify-center">抢购</view> | ||
| 25 | +</view> |
components/2.0/taocan/card.wxss
0 → 100644
| 1 | +/* components/2.0/taocan/card.wxss */ | ||
| 2 | +@import "../../../colorui/main.wxss"; | ||
| 3 | +.thumb{ | ||
| 4 | + width: 200rpx; | ||
| 5 | + height: 200rpx; | ||
| 6 | + background: #F6B3B3; | ||
| 7 | + border-radius: 10rpx; | ||
| 8 | +} | ||
| 9 | +.tag{ | ||
| 10 | + width: 22rpx; | ||
| 11 | + height: 22rpx; | ||
| 12 | + background: #FF7A00; | ||
| 13 | +} | ||
| 14 | +.huaxian{ | ||
| 15 | + position: relative; | ||
| 16 | +} | ||
| 17 | +.huaxian:after{ | ||
| 18 | + position: absolute; | ||
| 19 | + content: ""; | ||
| 20 | + width: 100%; | ||
| 21 | + height: 2rpx; | ||
| 22 | + background-color: #CCCCCC; | ||
| 23 | + left:0rpx; | ||
| 24 | + top:20rpx; | ||
| 25 | +} | ||
| 26 | +.card{ | ||
| 27 | + position: relative; | ||
| 28 | +} | ||
| 29 | +.button{ | ||
| 30 | + position: absolute; | ||
| 31 | + right: 0; | ||
| 32 | + bottom: 0; | ||
| 33 | + width: 124rpx; | ||
| 34 | + height: 56rpx; | ||
| 35 | + border-radius: 28rpx; | ||
| 36 | +} |
components/2.0/taocan/lists.js
0 → 100644
| 1 | +// components/2.0/taocan/lists.js | ||
| 2 | +Component({ | ||
| 3 | + /** | ||
| 4 | + * 组件的属性列表 | ||
| 5 | + */ | ||
| 6 | + properties: { | ||
| 7 | + | ||
| 8 | + }, | ||
| 9 | + | ||
| 10 | + /** | ||
| 11 | + * 组件的初始数据 | ||
| 12 | + */ | ||
| 13 | + data: { | ||
| 14 | + rowLimit:3, | ||
| 15 | + }, | ||
| 16 | + | ||
| 17 | + /** | ||
| 18 | + * 组件的方法列表 | ||
| 19 | + */ | ||
| 20 | + methods: { | ||
| 21 | + more(){ | ||
| 22 | + this.setData({ | ||
| 23 | + rowLimit:this.data.rowLimit==3?9999:3, | ||
| 24 | + }) | ||
| 25 | + }, | ||
| 26 | + } | ||
| 27 | +}) |
components/2.0/taocan/lists.json
0 → 100644
components/2.0/taocan/lists.wxml
0 → 100644
| 1 | +<!--components/2.0/taocan/lists.wxml--> | ||
| 2 | +<view class="view padding-lg bg-white padding-bottom-sm"> | ||
| 3 | + <view class="view text-bold text-xxl margin-bottom">超值套餐</view> | ||
| 4 | + <block wx:for="{{5}}" wx:key="lists"> | ||
| 5 | + <card detail="{{item}}" wx:if="{{index<rowLimit}}"></card> | ||
| 6 | + </block> | ||
| 7 | +</view> | ||
| 8 | +<view class="view taocan-more {{rowLimit==9999?'opened':''}} solid-top flex align-center justify-center" wx:if="{{true}}" bindtap="more"> | ||
| 9 | + <view class="view txt-28-h margin-right-sm">{{rowLimit==9999?'收起':'展开更多'}}</view> | ||
| 10 | + <view class="view icon"></view> | ||
| 11 | +</view> |
components/2.0/taocan/lists.wxss
0 → 100644
| 1 | +/* components/2.0/taocan/lists.wxss */ | ||
| 2 | +@import "../../../colorui/main.wxss"; | ||
| 3 | +.taocan-more{ | ||
| 4 | + height: 100rpx; | ||
| 5 | + line-height: 100rpx; | ||
| 6 | +} | ||
| 7 | +.taocan-more .icon{ | ||
| 8 | + width: 22rpx; | ||
| 9 | + height: 12rpx; | ||
| 10 | + background-color: #8dc63f; | ||
| 11 | + | ||
| 12 | +} | ||
| 13 | +.taocan-more.opened .icon{ | ||
| 14 | + background-color: #3f8dc6; | ||
| 15 | +} |
| @@ -18,6 +18,7 @@ | @@ -18,6 +18,7 @@ | ||
| 18 | "activity-tips":"/components/activity/tips", | 18 | "activity-tips":"/components/activity/tips", |
| 19 | "section":"/components/reserve/section/section", | 19 | "section":"/components/reserve/section/section", |
| 20 | "select-room":"/components/reserve/select-room/select-room", | 20 | "select-room":"/components/reserve/select-room/select-room", |
| 21 | - "service":"/components/tips/service" | 21 | + "service":"/components/tips/service", |
| 22 | + "taocan":"/components/2.0/taocan/lists" | ||
| 22 | } | 23 | } |
| 23 | } | 24 | } |
| @@ -142,6 +142,12 @@ | @@ -142,6 +142,12 @@ | ||
| 142 | 142 | ||
| 143 | </scroll-view> | 143 | </scroll-view> |
| 144 | </view> | 144 | </view> |
| 145 | + <view class="black20line"></view> | ||
| 146 | + <view style="width: 110%;margin-left: -5%;"> | ||
| 147 | + <taocan sid="{{seller.id}}" ></taocan> | ||
| 148 | + </view> | ||
| 149 | + | ||
| 150 | + <view class="black20line"></view> | ||
| 145 | <view class="block" wx:if="{{seller.dishes.length>0}}"> | 151 | <view class="block" wx:if="{{seller.dishes.length>0}}"> |
| 146 | <view class="header flex-ll"> | 152 | <view class="header flex-ll"> |
| 147 | <view class="line"></view> | 153 | <view class="line"></view> |
| @@ -156,8 +156,8 @@ | @@ -156,8 +156,8 @@ | ||
| 156 | text-align: center; | 156 | text-align: center; |
| 157 | } | 157 | } |
| 158 | .footer{ | 158 | .footer{ |
| 159 | - height: 100rpx; | ||
| 160 | - line-height: 100rpx; | 159 | + height: 116rpx; |
| 160 | + line-height: 116rpx; | ||
| 161 | box-shadow: 0 0 8rpx 0 #E0E0E0; | 161 | box-shadow: 0 0 8rpx 0 #E0E0E0; |
| 162 | position: fixed; | 162 | position: fixed; |
| 163 | bottom: 0; | 163 | bottom: 0; |
| @@ -204,13 +204,19 @@ | @@ -204,13 +204,19 @@ | ||
| 204 | width: 290rpx; | 204 | width: 290rpx; |
| 205 | min-width: 290rpx; | 205 | min-width: 290rpx; |
| 206 | height: 100%; | 206 | height: 100%; |
| 207 | - background:linear-gradient(360deg,rgba(249,142,71,1) 0%,rgba(240,85,34,1) 100%); | ||
| 208 | } | 207 | } |
| 209 | .footer .reserve .text{ | 208 | .footer .reserve .text{ |
| 210 | - font-size:36rpx; | ||
| 211 | - font-family:PingFangSC-Semibold,PingFang SC; | ||
| 212 | - font-weight:600; | ||
| 213 | - color:rgba(255,255,255,1); | 209 | + width: 270rpx; |
| 210 | + height: 84rpx; | ||
| 211 | + background: linear-gradient(90deg, #3BBFF5 0%, #57A0FF 100%); | ||
| 212 | + border-radius: 42rpx; | ||
| 213 | + | ||
| 214 | + font-size: 36rpx; | ||
| 215 | + font-family: PingFangSC-Semibold, PingFang SC; | ||
| 216 | + font-weight: 600; | ||
| 217 | + color: #FFFFFF; | ||
| 218 | + line-height: 84rpx; | ||
| 219 | + margin-top: 16rpx; | ||
| 214 | } | 220 | } |
| 215 | 221 | ||
| 216 | .baos{ | 222 | .baos{ |
| @@ -604,10 +604,9 @@ | @@ -604,10 +604,9 @@ | ||
| 604 | "scene": null | 604 | "scene": null |
| 605 | }, | 605 | }, |
| 606 | { | 606 | { |
| 607 | - "id": 71, | ||
| 608 | "name": "pages/reserve/detail", | 607 | "name": "pages/reserve/detail", |
| 609 | "pathName": "pages/reserve/detail", | 608 | "pathName": "pages/reserve/detail", |
| 610 | - "query": "id=1&activeTab=reserve&_date=2020-02-16&_pnum=6", | 609 | + "query": "id=1&_activeTab=reserve&_date=2020-02-16&_pnum=6", |
| 611 | "scene": null | 610 | "scene": null |
| 612 | }, | 611 | }, |
| 613 | { | 612 | { |
-
Please register or login to post a comment