liuleilei
2023-09-11 faf1d3cc35a3a5f83558946c8056537a4d77fa1f
minipro_standard/pages_adjust/components/location.vue
对比新文件
@@ -0,0 +1,101 @@
<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>