页面样式及功能更新

GULIMMO

2023-11-13 5abafa3610cc7d6398e2a5a9caf6efd6d37efe5b

 subPackage/house/roomControl/index.vue

@@ -30,15 +30,16 @@
                  <u-upload :fileList="form.images" :previewFullImage="uploadConfig.previewFullImage"

                     :accept="uploadConfig.acceptImg" :multiple="uploadConfig.multiple"

                     :maxCount="uploadConfig.maxCount" :capture="uploadConfig.capture" @afterRead="afterReadImg"

                     @delete="deletePic">

                     @delete="deletePic" uploadIcon="/static/icon/upload.png" >

                  </u-upload>

               </view>

               <view class=" flex label-btn-box b-c-w">

                  <newBoxTitle title="房屋标签"></newBoxTitle>

                  <view class="list">

                     <view v-for="(item, index) in labelBtnList" :key="index">

                        <u-button size="mini" type="primary"

                           :style="{background: item.color, color: item.color && '#fff'}" :plain="true"

                        <u-button size="mini" type="primary"
                           :color="item.color"

                           :style="{color: item.color && '#fff'}"

                           :text="item.name" @click="showLabelPopup(item)"></u-button>

                     </view>

                  </view>

@@ -373,7 +374,13 @@


      }

   }

</script>

</script>

<style>
   page {
      background: #F5F5F5;
   }
</style>



<style scoped lang="scss">

   .container {

@@ -382,7 +389,7 @@
      height: 100%;

      display: flex;

      flex-direction: column;

      background: #F9F9FA;

      background: #F5F5F5;

      font-size: 30rpx;



      .main {

@@ -421,7 +428,11 @@
            .pic {

               background-color: #ffffff;

               padding: 30rpx;

               margin-top: 20rpx;

               margin-top: 20rpx;
               /deep/ .u-upload__button {
                  border: 1rpx solid #EEEEEE;
                  background-color: #fff;
               }

            }



            .label-btn-box {

@@ -442,7 +453,7 @@
                        margin-right: 0;

                     }



                     .u-button {

                     /deep/ .u-button {

                        padding: 6rpx 8rpx;

                        border-width: 0 !important;

                        background-color: #F5F5F5;

@@ -455,14 +466,18 @@


         }



         .edit-btn {

         .edit-btn {
            width: calc(100% - 40rpx);

            padding: 0 20rpx;

            height: 116rpx;

            display: flex;

            justify-content: space-around;

            align-items: center;

            background: #fff;

            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);

            box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .1);
            position: fixed;
            bottom: 0;
            left: 0;

         }

      }

   }