99 lines
2.2 KiB
Vue
99 lines
2.2 KiB
Vue
|
<template>
|
|||
|
|
<view class="feedback">
|
|||
|
|
<view class="feedback-box">
|
|||
|
|
<view class="feedback-title">人工服务</view>
|
|||
|
|
<view class="feedback-itme">
|
|||
|
|
<view class="manual">
|
|||
|
|
<view class="service-phone">拨打官方客服电话：400-100-100</view>
|
|||
|
|
<view class="manual-time">周一至周五08:0-18:00</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="suggestions">意见反馈</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
<view class="feedback-box">
|
|||
|
|
<view class="feedback-title">常见服务</view>
|
|||
|
|
<view class="feedback-itme">
|
|||
|
|
<view class="u-line-2">【账号问题】登录时需要验证码，手机号使用不了怎么办？</view>
|
|||
|
|
<view class="u-line-2">【账号问题】登录时需提示您的密码不安全，请重置？</view>
|
|||
|
|
<view class="u-line-2">【账号问题】登录密码忘记了怎么办？</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</view>
|
|||
|
|
</template>
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
data() {
|
|||
|
|
return {}
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
</script>
|
|||
|
|
<style lang="scss" scoped>
|
|||
|
|
.feedback {
|
|||
|
|
min-height: calc(100vh - var(--window-top));
|
|||
|
|
background: #ECECEC;
|
|||
|
|
padding: 20rpx 30rpx;
|
|||
|
|
.feedback-box {
|
|||
|
|
width: 689rpx;
|
|||
|
|
background: rgba(255,255,255,1);
|
|||
|
|
border-radius: 10rpx;
|
|||
|
|
margin-bottom: 20rpx;
|
|||
|
|
padding: 30rpx;
|
|||
|
|
.feedback-title {
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 30rpx;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: rgba(51,51,51,1);
|
|||
|
|
// margin-bottom: 30rpx;
|
|||
|
|
padding-left: 20rpx;
|
|||
|
|
&::after {
|
|||
|
|
position: absolute;
|
|||
|
|
content: '';
|
|||
|
|
width: 6rpx;
|
|||
|
|
height: 30rpx;
|
|||
|
|
background: rgba(255,120,15,1);
|
|||
|
|
top: 50%;
|
|||
|
|
left: 0;
|
|||
|
|
transform: translate(0, -50%);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.feedback-itme {
|
|||
|
|
> view {
|
|||
|
|
position: relative;
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
color: rgba(51,51,51,1);
|
|||
|
|
line-height: 42rpx;
|
|||
|
|
&:not(:last-child) {
|
|||
|
|
padding: 20rpx 0;
|
|||
|
|
&::after {
|
|||
|
|
position: absolute;
|
|||
|
|
content: '';
|
|||
|
|
width: 630rpx;
|
|||
|
|
height: 2rpx;
|
|||
|
|
background: rgba(236,236,236,1);
|
|||
|
|
bottom: 0;
|
|||
|
|
left: 50%;
|
|||
|
|
transform: translate(-50%, 0);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
&:last-child {
|
|||
|
|
padding-top: 20rpx;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.manual {
|
|||
|
|
.service-phone {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
.manual-time {
|
|||
|
|
font-size: 22rpx;
|
|||
|
|
color: rgba(153,153,153,1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
.suggestions {
|
|||
|
|
font-size: 26rpx;
|
|||
|
|
font-weight: 500;
|
|||
|
|
color: rgba(102,102,102,1);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</style>
|