<template>
|
<view class="px-31 pt-38">
|
<view class="br-19 bs-1 pt-21 pb-35 px-27 bgcolor2">
|
<view class="flex a-center j-between fs-23 lh-33 font-bold">
|
<view>诉求号：7843523454</view>
|
<view class="color1">正在办理</view>
|
</view>
|
<view class="mx-13 mt-33 pt-35 pb-33 px-27 br-19 flex a-center j-between bgcolor1">
|
<view class="fs-27 lh-38 color2">江苏省常州市溧阳市牛顿大道172号</view>
|
<image src="../../static/public/gps.png" class="w-31 h-31 shrink0" />
|
</view>
|
<view class="flex a-center j-between mt-31 mx-13">
|
<view class="flex-column a-center">
|
<view class="fs-27 lh-38 font-bold">问题类型</view>
|
<view class="mt-8 fs-23 lh-42 txt-center px-31 font-w400 color3 bgcolor3 border1">教育</view>
|
</view>
|
<view class="flex-column a-center">
|
<view class="fs-27 lh-38 font-bold">群众</view>
|
<view class="fs-27 lh-38 mt-10">沙振</view>
|
</view>
|
<view class="flex-column a-center">
|
<view class="fs-27 lh-38 font-bold">联系电话</view>
|
<view class="fs-27 lh-38 mt-10">14225874426</view>
|
</view>
|
</view>
|
</view>
|
</view>
|
</template>
|
|
<script>
|
export default {
|
data() {
|
return {
|
|
}
|
},
|
methods: {
|
|
}
|
}
|
</script>
|
|
<style scoped lang="scss">
|
.bs-1 {
|
box-shadow: 0rpx 0rpx 27rpx 0rpx rgba(0, 0, 0, 0.1);
|
}
|
|
.color1 {
|
color: #FF4948;
|
}
|
|
.color2 {
|
color: rgba(0, 0, 0, .8);
|
}
|
|
.color3 {
|
color: #FAAD14;
|
}
|
|
.bgcolor1 {
|
background: linear-gradient(270deg, rgba(255, 241, 0, 0.5) 0%, rgba(255, 249, 172, 0.25) 48%, rgba(255, 255, 255, 0.2) 100%, #FFFFFF 100%);
|
}
|
|
.bgcolor2 {
|
background: linear-gradient(180deg, #FFDCDB 0%, rgba(255, 255, 255, 0) 25%);
|
}
|
|
.bgcolor3 {
|
background: #FFFBE6;
|
}
|
|
.border1 {
|
border: 2rpx solid #FFF1B8;
|
}
|
</style>
|
