Commit c5ba3518a5498ff298bf3db8e81932d38ab91242

Authored by vking
1 parent fa527602

taocan

@@ -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 {
  1 +// components/2.0/taocan/card.js
  2 +Component({
  3 + /**
  4 + * 组件的属性列表
  5 + */
  6 + properties: {
  7 +
  8 + },
  9 +
  10 + /**
  11 + * 组件的初始数据
  12 + */
  13 + data: {
  14 +
  15 + },
  16 +
  17 + /**
  18 + * 组件的方法列表
  19 + */
  20 + methods: {
  21 +
  22 + }
  23 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {}
  4 +}
  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>
  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 +}
  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 +})
  1 +{
  2 + "component": true,
  3 + "usingComponents": {
  4 + "card":"/components/2.0/taocan/card"
  5 + }
  6 +}
  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>
  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 {