New file |
| | |
| | | <template>
|
| | | <view style="margin-top: 20rpx;">
|
| | | <view class="wbox2">
|
| | | <view class="t">
|
| | | 执法评价
|
| | | </view>
|
| | | <view class="sbox">
|
| | | <view class="t2">
|
| | | 本次执法还满意程度
|
| | | </view>
|
| | | <view class="xbox">
|
| | | <view @click="daxing(1)">
|
| | | <img src="/static/qiye/xing1.png" alt="" />
|
| | | <view>
|
| | | 很糟糕
|
| | | </view>
|
| | | </view>
|
| | | <view @click="daxing(2)">
|
| | | <img v-if="xing>=2" src="/static/qiye/xing1.png" alt="" />
|
| | | <img v-else src="/static/qiye/xing2.png" alt="" />
|
| | | <view :class="xing==2?'hei':''">
|
| | | 不满意
|
| | | </view>
|
| | | </view>
|
| | | <view @click="daxing(3)">
|
| | | <img v-if="xing>=3" src="/static/qiye/xing1.png" alt="" />
|
| | | <img v-else src="/static/qiye/xing2.png" alt="" />
|
| | | <view :class="xing==3?'hei':''">
|
| | | 一般般
|
| | | </view>
|
| | | </view>
|
| | | <view @click="daxing(4)">
|
| | | <img v-if="xing>=4" src="/static/qiye/xing1.png" alt="" />
|
| | | <img v-else src="/static/qiye/xing2.png" alt="" />
|
| | | <view :class="xing==4?'hei':''">
|
| | | 满意
|
| | | </view>
|
| | | </view>
|
| | | <view @click="daxing(5)">
|
| | | <img v-if="xing>=5" src="/static/qiye/xing1.png" alt="" />
|
| | | <img v-else src="/static/qiye/xing2.png" alt="" />
|
| | | <view :class="xing==5?'hei':''">
|
| | | 非常满意
|
| | | </view>
|
| | | </view>
|
| | | </view>
|
| | | <view class="line"></view>
|
| | | </view>
|
| | | <view class="sbox">
|
| | | <view class="t2">
|
| | | 这是一个单选题的题干?
|
| | | </view>
|
| | | <u-radio-group v-model="value">
|
| | | <u-radio name="orange">选中</u-radio>
|
| | | <u-radio name="1" :disabled="true">未选中</u-radio>
|
| | | </u-radio-group>
|
| | | <view class="line"></view>
|
| | | </view>
|
| | | <view class="sbox">
|
| | | <view class="t2" style="margin-bottom: 30rpx;">
|
| | | 对我们的评价
|
| | | </view>
|
| | | <u-textarea placeholder="请输入..."></u-textarea>
|
| | | </view> |
| | | </view> |
| | | <view style="height: 200rpx;"></view> |
| | | <view class="bottom"> |
| | | <view class="b1"> |
| | | 提交 |
| | | </view> |
| | | </view>
|
| | | </view>
|
| | | </template>
|
| | |
|
| | | <script>
|
| | | export default {
|
| | | data() {
|
| | | return {
|
| | | xing: 5,
|
| | | value: 'orange',
|
| | | }
|
| | | },
|
| | | methods: {
|
| | | daxing(a) {
|
| | | this.xing = a
|
| | | },
|
| | |
|
| | | }
|
| | | }
|
| | | </script>
|
| | |
|
| | | <style>
|
| | | page {
|
| | | background: #F4F4F4;
|
| | | }
|
| | | </style>
|
| | | <style lang="scss" scoped>
|
| | | .wbox2 {
|
| | | background: #fff;
|
| | | border-radius: 5px;
|
| | | box-sizing: border-box;
|
| | | margin: 0 32rpx;
|
| | |
|
| | | .t {
|
| | | padding: 24rpx;
|
| | | border-bottom: 1px solid #EEEEEE;
|
| | | color: #202d44;
|
| | | font-size: 36rpx;
|
| | | font-weight: bold;
|
| | | }
|
| | |
|
| | | .sbox {
|
| | | padding: 24rpx;
|
| | |
|
| | | .line {
|
| | | border-bottom: 1px dashed #f1f1f1;
|
| | | margin-top: 32rpx;
|
| | | }
|
| | |
|
| | | .xbox {
|
| | | display: flex;
|
| | | margin-top: 36rpx;
|
| | | justify-content: space-between;
|
| | |
|
| | | img {
|
| | | width: 74rpx;
|
| | | height: 74rpx;
|
| | | }
|
| | |
|
| | | >view {
|
| | | text-align: center;
|
| | | font-size: 28rpx;
|
| | | color: #C3C6CD;
|
| | | }
|
| | | }
|
| | | }
|
| | | }
|
| | |
|
| | | /deep/ .u-radio-group {
|
| | | margin-top: 20rpx;
|
| | |
|
| | | .u-radio {
|
| | | margin-right: 20rpx;
|
| | | }
|
| | | }
|
| | |
|
| | | .hei {
|
| | | color: #202D44;
|
| | | }
|
| | | .bottom {
|
| | | position: fixed;
|
| | | bottom: 0;
|
| | | width: 100%;
|
| | | left: 0;
|
| | | height: 132rpx;
|
| | | background: #fff; |
| | | display: flex; |
| | | justify-content: center; |
| | | align-items: center;
|
| | | .b1 {
|
| | | width: 686rpx;
|
| | | height: 88rpx;
|
| | | border-radius: 10px;
|
| | | background: #1171E0;
|
| | | line-height: 88rpx;
|
| | | text-align: center;
|
| | | color: #fff;
|
| | | }
|
| | | |
| | |
|
| | | |
| | | }
|
| | |
|
| | | </style> |