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> |