Showing
9 changed files
with
165 additions
and
2 deletions
components/reserve/app/down.js
0 → 100644
| 1 | +// components/reserve/app/down.js | ||
| 2 | +Component({ | ||
| 3 | + /** | ||
| 4 | + * 组件的属性列表 | ||
| 5 | + */ | ||
| 6 | + properties: { | ||
| 7 | + | ||
| 8 | + }, | ||
| 9 | + | ||
| 10 | + /** | ||
| 11 | + * 组件的初始数据 | ||
| 12 | + */ | ||
| 13 | + data: { | ||
| 14 | + hasDisplay:false, | ||
| 15 | + }, | ||
| 16 | + | ||
| 17 | + /** | ||
| 18 | + * 组件的方法列表 | ||
| 19 | + */ | ||
| 20 | + methods: { | ||
| 21 | + close(){ | ||
| 22 | + this.setData({ | ||
| 23 | + hasDisplay:false, | ||
| 24 | + }) | ||
| 25 | + }, | ||
| 26 | + open(){ | ||
| 27 | + this.setData({ | ||
| 28 | + hasDisplay:true, | ||
| 29 | + }) | ||
| 30 | + }, | ||
| 31 | + } | ||
| 32 | +}) |
components/reserve/app/down.json
0 → 100644
components/reserve/app/down.wxml
0 → 100644
| 1 | +<!--components/reserve/app/down.wxml--> | ||
| 2 | +<view bindtap="open"> | ||
| 3 | + <slot></slot> | ||
| 4 | +</view> | ||
| 5 | +<view class="mask flex-vc" wx:if="{{hasDisplay}}" > | ||
| 6 | + <view class="app-down"> | ||
| 7 | + <view class="app-down-close" bindtap="close"></view> | ||
| 8 | + <view class="app-down-title">下载周到安排APP 管理日程</view> | ||
| 9 | + <view class="app-down-note"> | ||
| 10 | + <view class="li">固定入口,预订更方便</view> | ||
| 11 | + <view class="li">多种方式,通知好友</view> | ||
| 12 | + <view class="li">就餐提醒,避免错过行程</view> | ||
| 13 | + </view> | ||
| 14 | + <button open-type="contact" class="button-none app-down-but"> | ||
| 15 | + 下载APP<text style="font-size: 28rpx;">(在客服会话回复1)</text> | ||
| 16 | + </button> | ||
| 17 | + </view> | ||
| 18 | +</view> |
components/reserve/app/down.wxss
0 → 100644
| 1 | +/* components/reserve/app/down.wxss */ | ||
| 2 | +@import "../../../app.wxss"; | ||
| 3 | +.mask{ | ||
| 4 | + z-index: 9999999; | ||
| 5 | +} | ||
| 6 | +.app-down{ | ||
| 7 | + box-sizing: border-box; | ||
| 8 | + position: relative; | ||
| 9 | + width:550rpx; | ||
| 10 | + height:740rpx; | ||
| 11 | + background-image: url("http://nosqn.colorcun.com/web/bg-tips.png"); | ||
| 12 | + background-size: 100% 100%; | ||
| 13 | +} | ||
| 14 | +.app-down-close{ | ||
| 15 | + background-image: url("http://nosqn.colorcun.com/web/close.png"); | ||
| 16 | + background-size: 100% 100%; | ||
| 17 | + width:60rpx; | ||
| 18 | + height:60rpx; | ||
| 19 | + position: absolute; | ||
| 20 | + right:-40rpx; | ||
| 21 | + top:-54rpx; | ||
| 22 | +} | ||
| 23 | +.app-down-title{ | ||
| 24 | + width:336rpx; | ||
| 25 | + height:116rpx; | ||
| 26 | + font-size:42rpx; | ||
| 27 | + font-family:PingFangSC-Medium,PingFang SC; | ||
| 28 | + font-weight:500; | ||
| 29 | + color:rgba(139,83,24,1); | ||
| 30 | + line-height:58rpx; | ||
| 31 | + margin: 190rpx auto 0; | ||
| 32 | + text-align: center; | ||
| 33 | +} | ||
| 34 | +.app-down-note{ | ||
| 35 | + margin: 100rpx auto 0; | ||
| 36 | + width: calc(100% - 120rpx); | ||
| 37 | +} | ||
| 38 | +.app-down-note .li{ | ||
| 39 | + height:42rpx; | ||
| 40 | + font-size:30rpx; | ||
| 41 | + font-family:PingFangSC-Regular,PingFang SC; | ||
| 42 | + font-weight:400; | ||
| 43 | + color:rgba(139,83,24,1); | ||
| 44 | + line-height:42rpx; | ||
| 45 | + padding-left: 54rpx; | ||
| 46 | + position: relative; | ||
| 47 | +} | ||
| 48 | +.app-down-note .li:after{ | ||
| 49 | + content: ""; | ||
| 50 | + display: inline-block; | ||
| 51 | + background-color:#E1B275; | ||
| 52 | + width:20rpx; | ||
| 53 | + height:20rpx; | ||
| 54 | + transform:rotate(45deg); | ||
| 55 | + position: absolute; | ||
| 56 | + left:0; | ||
| 57 | + top:11rpx; | ||
| 58 | +} | ||
| 59 | +.app-down-but{ | ||
| 60 | + width: 470rpx; | ||
| 61 | + height: 76rpx; | ||
| 62 | + margin-top: 60rpx; | ||
| 63 | + margin-left: calc(50% - 235rpx); | ||
| 64 | + | ||
| 65 | + font-size:32rpx; | ||
| 66 | + font-family:PingFangSC-Medium,PingFang SC; | ||
| 67 | + font-weight:500; | ||
| 68 | + color:rgba(139,83,24,1); | ||
| 69 | + line-height:76rpx; | ||
| 70 | + text-align: center; | ||
| 71 | + | ||
| 72 | + background:linear-gradient(270deg,#E1B275 0%,#F6D9B1 100%); | ||
| 73 | + border-radius: 38rpx; | ||
| 74 | +} |
| @@ -8,6 +8,7 @@ | @@ -8,6 +8,7 @@ | ||
| 8 | "formids":"/components/formids/formids", | 8 | "formids":"/components/formids/formids", |
| 9 | "nav":"/components/nav/nav", | 9 | "nav":"/components/nav/nav", |
| 10 | "card":"/components/seller-card/seller-card", | 10 | "card":"/components/seller-card/seller-card", |
| 11 | - "showModal":"/components/tips/showModal/showModal" | 11 | + "showModal":"/components/tips/showModal/showModal", |
| 12 | + "app-down":"/components/reserve/app/down" | ||
| 12 | } | 13 | } |
| 13 | } | 14 | } |
| 1 | <!--pages/customer/list.wxml--> | 1 | <!--pages/customer/list.wxml--> |
| 2 | <nav hasHome>周到安排</nav> | 2 | <nav hasHome>周到安排</nav> |
| 3 | +<app-down> | ||
| 4 | + <view class="app-down flex-ll"> | ||
| 5 | + <view class="app-down-info">周到安排APP版上线啦!点击下载体验</view> | ||
| 6 | + <view class="app-down-but">立即下载</view> | ||
| 7 | + </view> | ||
| 8 | +</app-down> | ||
| 3 | <view class="page"> | 9 | <view class="page"> |
| 4 | <!-- | 10 | <!-- |
| 5 | <view class="tabs flex-cc"> | 11 | <view class="tabs flex-cc"> |
| @@ -108,4 +108,31 @@ | @@ -108,4 +108,31 @@ | ||
| 108 | .oneHour{ | 108 | .oneHour{ |
| 109 | color: #353535; | 109 | color: #353535; |
| 110 | text-decoration : underline; | 110 | text-decoration : underline; |
| 111 | +} | ||
| 112 | +.app-down{ | ||
| 113 | + width:100%; | ||
| 114 | + height:80rpx; | ||
| 115 | + background:rgba(255,245,235,1); | ||
| 116 | +} | ||
| 117 | +.app-down-info{ | ||
| 118 | + height:42rpx; | ||
| 119 | + font-size:30rpx; | ||
| 120 | + font-family:PingFangSC-Medium,PingFang SC; | ||
| 121 | + font-weight:500; | ||
| 122 | + color:rgba(221,147,79,1); | ||
| 123 | + line-height:42rpx; | ||
| 124 | + margin-left: 20rpx; | ||
| 125 | +} | ||
| 126 | +.app-down-but{ | ||
| 127 | + width:132rpx; | ||
| 128 | + height:48rpx; | ||
| 129 | + background:linear-gradient(270deg,rgba(225,178,117,1) 0%,rgba(246,217,177,1) 100%); | ||
| 130 | + | ||
| 131 | + font-size:26rpx; | ||
| 132 | + font-family:PingFangSC-Medium,PingFang SC; | ||
| 133 | + font-weight:500; | ||
| 134 | + color:rgba(139,83,24,1); | ||
| 135 | + line-height:48rpx; | ||
| 136 | + margin-left: 40rpx; | ||
| 137 | + text-align: center; | ||
| 111 | } | 138 | } |
| @@ -521,7 +521,7 @@ | @@ -521,7 +521,7 @@ | ||
| 521 | "scene": null | 521 | "scene": null |
| 522 | }, | 522 | }, |
| 523 | { | 523 | { |
| 524 | - "id": -1, | 524 | + "id": 62, |
| 525 | "name": "pages/customer/list", | 525 | "name": "pages/customer/list", |
| 526 | "pathName": "pages/customer/list", | 526 | "pathName": "pages/customer/list", |
| 527 | "query": "hasRelaTip=1", | 527 | "query": "hasRelaTip=1", |
-
Please register or login to post a comment