| 对比新文件 |
| | |
| | | <template> |
| | | <u-popup :show="show" mode="bottom" :closeable="true" :round="10" @close="close"> |
| | | <view class="title"> |
| | | <text>閫夋嫨璐т綅</text> |
| | | </view> |
| | | <view class="content"> |
| | | <view class="content_list"> |
| | | <div class="content_list_item" v-for="(item, i) in list" :key="i" @click="jump(item)"> |
| | | <div class="content_list_item_name">{{item.unionName}}</div> |
| | | </div> |
| | | </view> |
| | | </view> |
| | | </u-popup> |
| | | </template> |
| | | |
| | | <script> |
| | | export default { |
| | | props: { |
| | | show: { |
| | | type: Boolean, |
| | | required: true |
| | | }, |
| | | list: { |
| | | type: Array, |
| | | required: true |
| | | } |
| | | }, |
| | | methods: { |
| | | close() { |
| | | this.$emit('close') |
| | | }, |
| | | jump(item) { |
| | | this.$emit('value', item) |
| | | } |
| | | } |
| | | } |
| | | </script> |
| | | |
| | | <style lang="scss" scoped> |
| | | .title { |
| | | width: 100%; |
| | | height: 85rpx; |
| | | line-height: 85rpx; |
| | | text-align: center; |
| | | text { |
| | | font-size: 30rpx; |
| | | font-family: PingFangSC-Medium, PingFang SC; |
| | | font-weight: 500; |
| | | color: #222222; |
| | | } |
| | | } |
| | | .content { |
| | | width: 100%; |
| | | .content_search { |
| | | width: 100%; |
| | | padding: 0 30rpx 30rpx 30rpx; |
| | | background: white; |
| | | position: sticky; |
| | | top: 85rpx; |
| | | z-index: 9; |
| | | box-sizing: border-box; |
| | | } |
| | | .content_total { |
| | | padding: 24rpx 30rpx; |
| | | background: #F7F7F7; |
| | | font-size: 24rpx; |
| | | font-weight: 400; |
| | | color: #666666; |
| | | } |
| | | .content_list { |
| | | width: 100%; |
| | | height: 800rpx; |
| | | display: flex; |
| | | flex-direction: column; |
| | | .content_list_item { |
| | | padding: 30rpx; |
| | | display: flex; |
| | | border-bottom: 1rpx solid #ececec; |
| | | .serious { |
| | | color: $nav-stateColor4 !important; |
| | | } |
| | | .success { |
| | | color: $nav-stateColor2 !important; |
| | | } |
| | | .warning { |
| | | color: $nav-stateColor5 !important; |
| | | } |
| | | .content_list_item_status { |
| | | font-size: 28rpx; |
| | | margin-right: 10rpx; |
| | | } |
| | | .content_list_item_name { |
| | | font-size: 30rpx; |
| | | font-family: PingFangSC-Regular, PingFang SC; |
| | | font-weight: 400; |
| | | color: #222222; |
| | | } |
| | | } |
| | | } |
| | | } |
| | | </style> |