征信小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
zhengxinApplets/pages/user/feedDetails.vue

92 lines
1.6 KiB

<template>
<view class="site">
<view class="site-bd">
<view class="item" >
<view class="a">反馈类型</view>
<view class="b">界面</view>
</view>
<view class="item">
<view class="a">问题分类</view>
<view class="b">体验不好</view>
</view>
<view class="item">
<view class="a">姓名</view>
<view class="b"></view>
</view>
<view class="item">
<view class="a">电话</view>
<view class="b">180****2145</view>
</view>
<view class="items">
<view class="a">退款凭证</view>
<view class="b">
<image src="https://zhengxin.njrenzhou.cn/static/bg.png"></image>
</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
userInfo: {}
};
},
methods: {
}
}
</script>
<style lang="scss" scoped>
.site{
padding: 0 25rpx 25rpx;
overflow: hidden;
&-bd{
width: 100%;
margin: 0 auto;
position: relative;
background: #FFFFFF;
box-shadow: 0px 3rpx 10rpx 0px rgba(9,44,39,0.05);
border-radius: 20rpx;
padding: 10rpx 30rpx 0;
box-sizing: border-box;
margin-top: 20rpx;
.item{
padding: 20rpx 0;
display: flex;
align-items: center;
justify-content: space-between;
overflow: hidden;
.a{
flex: 1;
font-weight: 500;
font-size: 30rpx;
color: #333333;
}
.b{
text-align: right;
color: #999;
}
}
.items{
padding: 50rpx 0;
border-top: 1px solid #ddd;
.a{
font-size: 30rpx;
color: #212121;
}
.b{
margin-top: 20rpx;
image{
width: 250rpx;
height: 250rpx;
border-radius: 10rpx;
}
}
}
}
}
</style>