Compare commits
2 Commits
| Author | SHA1 | Date |
|---|---|---|
|
|
429fbcc5db | 2 weeks ago |
|
|
fa084ed5f1 | 2 weeks ago |
|
After Width: | Height: | Size: 389 KiB |
|
After Width: | Height: | Size: 376 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 659 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
Before Width: | Height: | Size: 9.6 KiB After Width: | Height: | Size: 9.1 KiB |
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 9.5 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 8.8 KiB |
|
Before Width: | Height: | Size: 9.0 KiB After Width: | Height: | Size: 8.8 KiB |
@ -0,0 +1,6 @@ |
|||||||
|
{ |
||||||
|
"navigationBarTitleText": "问题反馈", |
||||||
|
"usingComponents": { |
||||||
|
"toast": "/components/toast/index" |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,109 @@ |
|||||||
|
page { |
||||||
|
background-color: rgba(246, 246, 246, 1); |
||||||
|
} |
||||||
|
.page { |
||||||
|
padding: 40rpx; |
||||||
|
.page-title { |
||||||
|
font-size: 48rpx; |
||||||
|
color: rgba(34, 34, 34, 1); |
||||||
|
font-weight: bold; |
||||||
|
line-height: 68rpx; |
||||||
|
&::after { |
||||||
|
margin-top: 22rpx; |
||||||
|
display: block; |
||||||
|
content: ''; |
||||||
|
background: linear-gradient(94deg, #0eb66d 0%, #00d277 100%); |
||||||
|
width: 76rpx; |
||||||
|
height: 12rpx; |
||||||
|
border-radius: 56rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.tip1 { |
||||||
|
margin-top: 26rpx; |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(34, 34, 34, 0.7); |
||||||
|
line-height: 48rpx; |
||||||
|
} |
||||||
|
.card { |
||||||
|
margin-top: 24rpx; |
||||||
|
padding: 48rpx 32rpx; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
gap: 32rpx; |
||||||
|
background-color: #fff; |
||||||
|
border-radius: 24rpx; |
||||||
|
.aside { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 132rpx; |
||||||
|
height: 132rpx; |
||||||
|
background: linear-gradient(311deg, #50e8a6 0%, #00d277 100%); |
||||||
|
border-radius: 50%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
border: 18rpx solid #f2fdf8; |
||||||
|
.icon { |
||||||
|
width: 68rpx; |
||||||
|
height: 68rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.wrap { |
||||||
|
flex: 1; |
||||||
|
.title { |
||||||
|
font-size: 36rpx; |
||||||
|
color: rgba(34, 34, 34, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.content { |
||||||
|
margin-top: 16rpx; |
||||||
|
font-size: 28rpx; |
||||||
|
color: rgba(34, 34, 34, 0.7); |
||||||
|
line-height: 48rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.more { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 44rpx; |
||||||
|
height: 44rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
.tip2 { |
||||||
|
margin-top: 32rpx; |
||||||
|
padding: 32rpx; |
||||||
|
background-color: rgba(255, 248, 236, 1); |
||||||
|
border-radius: 24rpx; |
||||||
|
display: flex; |
||||||
|
gap: 16rpx; |
||||||
|
.icon { |
||||||
|
flex-shrink: 0; |
||||||
|
width: 36rpx; |
||||||
|
height: 36rpx; |
||||||
|
} |
||||||
|
.wrap { |
||||||
|
.title { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(248, 167, 28, 1); |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.content { |
||||||
|
font-size: 32rpx; |
||||||
|
color: rgba(248, 167, 28, 1); |
||||||
|
line-height: 48rpx; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
#drug-page { |
||||||
|
.page-title { |
||||||
|
&::after { |
||||||
|
background: linear-gradient(270deg, #b384f4 0%, #5956e9 100%); |
||||||
|
} |
||||||
|
} |
||||||
|
.card { |
||||||
|
.aside { |
||||||
|
background: linear-gradient(30deg, #b384f4 0%, #5956e9 100%); |
||||||
|
border-color: #F6F4FD; |
||||||
|
} |
||||||
|
} |
||||||
|
} |
||||||
@ -0,0 +1,26 @@ |
|||||||
|
const _app = getApp<IAppOption>() |
||||||
|
|
||||||
|
Page({ |
||||||
|
data: { |
||||||
|
toastShow: false, |
||||||
|
toastType: '', |
||||||
|
toastParams: {}, |
||||||
|
}, |
||||||
|
onLoad() {}, |
||||||
|
handleTel() { |
||||||
|
// wx.navigateTo({
|
||||||
|
// url: '/pages/feedbackTel/index',
|
||||||
|
// })
|
||||||
|
wx.makePhoneCall({ |
||||||
|
phoneNumber: '01064977099', // 需要拨打的电话号码
|
||||||
|
}) |
||||||
|
}, |
||||||
|
handleOfficial() { |
||||||
|
this.setData({ toastShow: true, toastType: 'feedback', toastParams: { close: true } }) |
||||||
|
}, |
||||||
|
handleToastClose() { |
||||||
|
this.setData({ toastShow: false, toastType: '' }) |
||||||
|
}, |
||||||
|
}) |
||||||
|
|
||||||
|
export {} |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
<view |
||||||
|
class="page" |
||||||
|
style="background: url('{{imageUrl}}{{theme === 'DRUG' ? 'bg37' : 'bg36'}}.png?t={{Timestamp}}') no-repeat top center/100% 522rpx" |
||||||
|
id="{{theme === 'DRUG' && 'drug-page'}}" |
||||||
|
> |
||||||
|
<view class="page-title">问题反馈</view> |
||||||
|
<view class="tip1">如您在使用过程中遇到问题,可通过以下方式联系我们,我们会尽快为您处理。</view> |
||||||
|
<view class="card" bind:tap="handleTel"> |
||||||
|
<view class="aside"> |
||||||
|
<image class="icon" src="{{imageUrl}}icon100.png?t={{Timestamp}}"></image> |
||||||
|
</view> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="title">拨打电话</view> |
||||||
|
<view class="content"> |
||||||
|
客服在线时间: 工作日 |
||||||
|
<view></view> |
||||||
|
9:00-12: 30,14:00-18:30 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<image class="more" src="{{imageUrl}}icon107.png?t={{Timestamp}}"></image> |
||||||
|
</view> |
||||||
|
<view class="card" bind:tap="handleOfficial"> |
||||||
|
<view class="aside"> |
||||||
|
<image class="icon" src="{{imageUrl}}icon101.png?t={{Timestamp}}"></image> |
||||||
|
</view> |
||||||
|
<view class="wrap"> |
||||||
|
<view class="title">公众号私信</view> |
||||||
|
<view class="content"> |
||||||
|
非工作时间可留言反馈 |
||||||
|
<view></view> |
||||||
|
客服将在48小时内处理 |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
<image class="more" src="{{imageUrl}}icon107.png?t={{Timestamp}}"></image> |
||||||
|
</view> |
||||||
|
</view> |
||||||
|
|
||||||
|
<toast show="{{toastShow}}" type="{{toastType}}" params="{{toastParams}}" bind:cancel="handleToastClose"></toast> |
||||||