Skip to content

Commit 78f05cb

Browse files
committed
updata
1 parent 251196a commit 78f05cb

File tree

2 files changed

+166
-133
lines changed

2 files changed

+166
-133
lines changed

src/page/benefit/children/hbDescription.vue

Lines changed: 58 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,48 @@
11
<template>
2-
<div class="page">
2+
<div class="page">
33
<head-top head-title="红包说明" go-back='true'></head-top>
4-
<div class="markdown"><h3 id="q1-">Q1: 怎么获得红包?</h3>
5-
<ul>
6-
<li>通过邀请好友获得</li>
7-
<li>在下单返红包的商家下单获得</li>
8-
<li>抢微信朋友分享的红包获得</li>
9-
</ul>
10-
<h3 id="q2-">Q2: 红包可以做什么?</h3>
11-
<p>可以抵扣在线支付时的实际支付金额。</p>
12-
<h3 id="q3-">Q3: 红包的门槛金额按照什么金额计算?</h3>
13-
<p>红包的的门槛金额按照(选购菜品折后价+餐盒费)的金额作为计算门槛,即购物车显示的金额(7.3以上版本)。假设红包满30可用,只要选购的菜品现价(折后价)+餐盒费超过30,就可以使用红包。</p>
14-
<h3 id="q4-">Q4: 一个红包能拆开多次使用吗?</h3>
15-
<p>不能,一个红包只能一次性使用,不能分开使用。</p>
16-
<h3 id="q5-">Q5: 下单的时候使用了红包,但是后来订单取消了,红包还会返还吗?</h3>
17-
<p>会的,订单无效后红包会自动返还到您的账户里。</p>
18-
<h3 id="q6-">Q6: 红包兑换码怎样兑换成红包,怎样查看红包?</h3>
19-
<p>在个人中心 &gt; 我的红包 &gt; 兑换红包,输入兑换码进行兑换。</p>
20-
<h3 id="q7-">Q7: 邀请好友了,为什么没获得红包?</h3>
21-
<p>先检查下您是否在同一设备上进行的邀请?或者被邀请人是否通过您发给对方的链接进行注册?而非自己复制链接注册的。同一设备上邀请或没有按照点击发送的链接邀请都是无效邀请。如果您是正常邀请没获得红包,可以致电客服进行查实。</p>
22-
<h3 id="q8-">Q8: 预订早餐、预订午餐的红包怎么使用?在哪里查询?</h3>
23-
<ul>
24-
<li>预订早餐、预订午餐的红包暂时不支持直接点外卖使用,并且当前点外卖的红包也暂时不支持在预订早餐、预订午餐时使用。</li>
25-
<li>预订早餐、预订午餐的红包从APP首页点击“预订早餐”按钮进入后在右上角的个人中心中查找预订早餐、预订午餐的红包。</li>
26-
</ul>
27-
<h3 id="q9-">Q9: 互斥红包怎么使用?</h3>
28-
<ul>
29-
<li>互斥红包不与其他优惠活动(包含但不限于:新用户专享、满X元减X元、满X元赠XX)同时使用。</li>
30-
</ul>
31-
<h3 id="q10-">Q10: 返红包活动, 红包领取规则是什么?</h3>
32-
<ul>
33-
<li>同一个手机号一天限领取三个。</li>
34-
<li>同一注册用户一天限领取三个。</li>
35-
<li>注册用户红包直接发送至用户账户里。</li>
36-
<li>非注册用户红包以兑换码短信的形式发送至用户手机,注册后凭兑换码兑换即可。</li>
37-
<li>红包的使用周期为1周,自红包发放的第2天开始计算。</li>
38-
<li>同一个手机号一天最多使用两个红包。</li>
39-
<li>未收到红包短信的用户注意查看手机里的拦截短信。</li>
40-
<li>有任何问题请拨打客服电话:10105757。</li>
41-
</ul>
42-
</div>
4+
<section id="scroll_section" class="scroll_container">
5+
<div class="markdown">
6+
<h3 id="q1-">Q1: 怎么获得红包?</h3>
7+
<ul>
8+
<li>通过邀请好友获得</li>
9+
<li>在下单返红包的商家下单获得</li>
10+
<li>抢微信朋友分享的红包获得</li>
11+
</ul>
12+
<h3 id="q2-">Q2: 红包可以做什么?</h3>
13+
<p>可以抵扣在线支付时的实际支付金额。</p>
14+
<h3 id="q3-">Q3: 红包的门槛金额按照什么金额计算?</h3>
15+
<p>红包的的门槛金额按照(选购菜品折后价+餐盒费)的金额作为计算门槛,即购物车显示的金额(7.3以上版本)。假设红包满30可用,只要选购的菜品现价(折后价)+餐盒费超过30,就可以使用红包。</p>
16+
<h3 id="q4-">Q4: 一个红包能拆开多次使用吗?</h3>
17+
<p>不能,一个红包只能一次性使用,不能分开使用。</p>
18+
<h3 id="q5-">Q5: 下单的时候使用了红包,但是后来订单取消了,红包还会返还吗?</h3>
19+
<p>会的,订单无效后红包会自动返还到您的账户里。</p>
20+
<h3 id="q6-">Q6: 红包兑换码怎样兑换成红包,怎样查看红包?</h3>
21+
<p>在个人中心 &gt; 我的红包 &gt; 兑换红包,输入兑换码进行兑换。</p>
22+
<h3 id="q7-">Q7: 邀请好友了,为什么没获得红包?</h3>
23+
<p>先检查下您是否在同一设备上进行的邀请?或者被邀请人是否通过您发给对方的链接进行注册?而非自己复制链接注册的。同一设备上邀请或没有按照点击发送的链接邀请都是无效邀请。如果您是正常邀请没获得红包,可以致电客服进行查实。</p>
24+
<h3 id="q8-">Q8: 预订早餐、预订午餐的红包怎么使用?在哪里查询?</h3>
25+
<ul>
26+
<li>预订早餐、预订午餐的红包暂时不支持直接点外卖使用,并且当前点外卖的红包也暂时不支持在预订早餐、预订午餐时使用。</li>
27+
<li>预订早餐、预订午餐的红包从APP首页点击“预订早餐”按钮进入后在右上角的个人中心中查找预订早餐、预订午餐的红包。</li>
28+
</ul>
29+
<h3 id="q9-">Q9: 互斥红包怎么使用?</h3>
30+
<ul>
31+
<li>互斥红包不与其他优惠活动(包含但不限于:新用户专享、满X元减X元、满X元赠XX)同时使用。</li>
32+
</ul>
33+
<h3 id="q10-">Q10: 返红包活动, 红包领取规则是什么?</h3>
34+
<ul>
35+
<li>同一个手机号一天限领取三个。</li>
36+
<li>同一注册用户一天限领取三个。</li>
37+
<li>注册用户红包直接发送至用户账户里。</li>
38+
<li>非注册用户红包以兑换码短信的形式发送至用户手机,注册后凭兑换码兑换即可。</li>
39+
<li>红包的使用周期为1周,自红包发放的第2天开始计算。</li>
40+
<li>同一个手机号一天最多使用两个红包。</li>
41+
<li>未收到红包短信的用户注意查看手机里的拦截短信。</li>
42+
<li>有任何问题请拨打客服电话:10105757。</li>
43+
</ul>
44+
</div>
45+
</section>
4346
</div>
4447
</template>
4548

@@ -49,13 +52,24 @@
4952
import {payRequest} from 'src/service/getData'
5053
import alertTip from 'src/components/common/alertTip'
5154
import loading from 'src/components/common/loading'
55+
import BScroll from 'better-scroll'
5256
5357
export default {
5458
data(){
5559
return{
5660
5761
}
5862
},
63+
mounted(){
64+
this.$nextTick(() => {
65+
new BScroll('#scroll_section', {
66+
deceleration: 0.001,
67+
bounce: true,
68+
swipeTime: 1800,
69+
click: true,
70+
});
71+
})
72+
},
5973
components: {
6074
headTop,
6175
},
@@ -71,15 +85,18 @@
7185
left: 0;
7286
right: 0;
7387
bottom: 0;
74-
overflow-y: auto;
7588
padding-top: 1.95rem;
7689
z-index: 203;
7790
background-color: #fff;
7891
p, span{
7992
font-family: Helvetica Neue,Tahoma,Arial;
8093
}
8194
}
95+
.scroll_container{
96+
@include wh(100%, 100%);
97+
}
8298
.markdown{
99+
padding-bottom: 2rem;
83100
@include sc(.6rem, #666);
84101
padding: 0 0.5rem 0.5rem;
85102
h3{

src/page/shop/children/children/shopSafe.vue

Lines changed: 108 additions & 92 deletions
Original file line numberDiff line numberDiff line change
@@ -1,104 +1,111 @@
11
<template>
22
<div class="safe_shop">
33
<head-top head-title="食品监督安全公示" go-back='true'></head-top>
4-
<section class="shop_status_container">
5-
<header>食品监督安全公示</header>
6-
<section class="shop_statu_detail">
7-
<div>
8-
<svg class="shop_status" v-if="shopDetail.status == 1">
9-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#res-well"></use>
10-
</svg>
11-
<svg class="res-well" v-else>
12-
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#res-bad"></use>
13-
</svg>
14-
</div>
15-
<div class="check_date">
16-
<p>
17-
<span>监督检查结果:</span>
18-
<span class="shop_status_well" v-if="shopDetail.status == 1">良好</span>
19-
<span class="shop_status_bad" v-else>差</span>
20-
</p>
21-
<p>
22-
<span>检查日期:</span>
23-
<span>{{shopDetail.identification.identificate_date.split('T')[0]}}</span>
24-
</p>
25-
</div>
4+
<section id="scroll_section" class="scroll_container">
5+
<section>
6+
7+
<section class="shop_status_container">
8+
<header>食品监督安全公示</header>
9+
<section class="shop_statu_detail">
10+
<div>
11+
<svg class="shop_status" v-if="shopDetail.status == 1">
12+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#res-well"></use>
13+
</svg>
14+
<svg class="res-well" v-else>
15+
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#res-bad"></use>
16+
</svg>
17+
</div>
18+
<div class="check_date">
19+
<p>
20+
<span>监督检查结果:</span>
21+
<span class="shop_status_well" v-if="shopDetail.status == 1">良好</span>
22+
<span class="shop_status_bad" v-else>差</span>
23+
</p>
24+
<p>
25+
<span>检查日期:</span>
26+
<span>{{shopDetail.identification.identificate_date.split('T')[0]}}</span>
27+
</p>
28+
</div>
29+
</section>
30+
</section>
31+
<section class="shop_status_container">
32+
<header>
33+
<span>工商登记信息</span>
34+
</header>
35+
<ul>
36+
<li>
37+
<p>企业名称</p>
38+
<p>{{shopDetail.identification.company_name}}</p>
39+
</li>
40+
<li>
41+
<p>工商执照注册号</p>
42+
<p>{{shopDetail.identification.identificate_agency}}</p>
43+
</li>
44+
<li>
45+
<p>注册资本</p>
46+
<p>{{shopDetail.identification.registered_number}}</p>
47+
</li>
48+
<li>
49+
<p>注册地址</p>
50+
<p>{{shopDetail.identification.registered_address}}</p>
51+
</li>
52+
<li>
53+
<p>属地监管所</p>
54+
<p>{{shopDetail.identification.registered_principal}}</p>
55+
</li>
56+
<li>
57+
<p>法定代表人</p>
58+
<p>{{shopDetail.identification.legal_person}}</p>
59+
</li>
60+
<li>
61+
<p>经营范围</p>
62+
<p>{{shopDetail.identification.operation_period}}</p>
63+
</li>
64+
</ul>
65+
</section>
66+
<section class="shop_status_container">
67+
<header>餐饮许可证</header>
68+
<ul>
69+
<li>
70+
<p>营业范围</p>
71+
<p>{{shopDetail.identification.operation_period}}</p>
72+
</li>
73+
<li>
74+
<p>许可证有效期</p>
75+
<p>{{shopDetail.identification.licenses_date}}</p>
76+
</li>
77+
<li>
78+
<p>许可证号</p>
79+
<p>{{shopDetail.identification.licenses_number}}</p>
80+
</li>
81+
<li>
82+
<p>发证时间</p>
83+
<p>{{shopDetail.identification.licenses_scope}}</p>
84+
</li>
85+
<li>
86+
<p>发证机关</p>
87+
<p>{{shopDetail.identification.registered_principal}}</p>
88+
</li>
89+
</ul>
90+
</section>
91+
<section class="license_img shop_status_container">
92+
<header>许可证书</header>
93+
<div class="img_container">
94+
<img :src="getImgPath(shopDetail.license.business_license_image)">
95+
<img :src="getImgPath(shopDetail.license.catering_service_license_image)">
96+
</div>
97+
</section>
2698
</section>
2799
</section>
28-
<section class="shop_status_container">
29-
<header>
30-
<span>工商登记信息</span>
31-
</header>
32-
<ul>
33-
<li>
34-
<p>企业名称</p>
35-
<p>{{shopDetail.identification.company_name}}</p>
36-
</li>
37-
<li>
38-
<p>工商执照注册号</p>
39-
<p>{{shopDetail.identification.identificate_agency}}</p>
40-
</li>
41-
<li>
42-
<p>注册资本</p>
43-
<p>{{shopDetail.identification.registered_number}}</p>
44-
</li>
45-
<li>
46-
<p>注册地址</p>
47-
<p>{{shopDetail.identification.registered_address}}</p>
48-
</li>
49-
<li>
50-
<p>属地监管所</p>
51-
<p>{{shopDetail.identification.registered_principal}}</p>
52-
</li>
53-
<li>
54-
<p>法定代表人</p>
55-
<p>{{shopDetail.identification.legal_person}}</p>
56-
</li>
57-
<li>
58-
<p>经营范围</p>
59-
<p>{{shopDetail.identification.operation_period}}</p>
60-
</li>
61-
</ul>
62-
</section>
63-
<section class="shop_status_container">
64-
<header>餐饮许可证</header>
65-
<ul>
66-
<li>
67-
<p>营业范围</p>
68-
<p>{{shopDetail.identification.operation_period}}</p>
69-
</li>
70-
<li>
71-
<p>许可证有效期</p>
72-
<p>{{shopDetail.identification.licenses_date}}</p>
73-
</li>
74-
<li>
75-
<p>许可证号</p>
76-
<p>{{shopDetail.identification.licenses_number}}</p>
77-
</li>
78-
<li>
79-
<p>发证时间</p>
80-
<p>{{shopDetail.identification.licenses_scope}}</p>
81-
</li>
82-
<li>
83-
<p>发证机关</p>
84-
<p>{{shopDetail.identification.registered_principal}}</p>
85-
</li>
86-
</ul>
87-
</section>
88-
<section class="license_img shop_status_container">
89-
<header>许可证书</header>
90-
<div class="img_container">
91-
<img :src="getImgPath(shopDetail.license.business_license_image)">
92-
<img :src="getImgPath(shopDetail.license.catering_service_license_image)">
93-
</div>
94-
</section>
95100
</div>
96101
</template>
97102

98103
<script>
99104
import {mapState} from 'vuex'
100105
import headTop from 'src/components/header/head'
101106
import {getImgPath} from 'src/components/common/mixin'
107+
import BScroll from 'better-scroll'
108+
102109
103110
export default {
104111
data(){
@@ -107,7 +114,14 @@
107114
}
108115
},
109116
mounted(){
110-
117+
this.$nextTick(() => {
118+
new BScroll('#scroll_section', {
119+
deceleration: 0.001,
120+
bounce: true,
121+
swipeTime: 1800,
122+
click: true,
123+
});
124+
})
111125
},
112126
computed: {
113127
...mapState([
@@ -139,9 +153,10 @@
139153
padding-top: 1.95rem;
140154
background-color: #ebebeb;
141155
z-index: 102;
142-
overflow-y: auto;
143156
}
144-
157+
.scroll_container{
158+
@include wh(100%, 100%);
159+
}
145160
ul{
146161
margin-left: 1rem;
147162
padding: .4rem 0;
@@ -190,6 +205,7 @@
190205
.license_img{
191206
padding: .6rem;
192207
background-color: #fff;
208+
padding-bottom: 8rem;
193209
.img_container{
194210
background-color: #ebebeb;
195211
img{

0 commit comments

Comments
 (0)