样式修改

qingyiay

2023-05-09 01e96c8855927df67ac8a6831e345b6cb33140d1

 components/combined-title/combined-title.vue

@@ -3,20 +3,15 @@
      <view class="title_wrapper">
         <!-- 开始 -->
         <view class="title_start">
            <view class="icon">
            </view>
            <view class="text">
               {{title}}
            </view>
            <view class="icon"></view>
            <view class="text">{{ title }}</view>
         </view>

         <!-- 结尾 -->
         <view class="title_end" v-if="$slots.rightText">
            <view class="title_end_text" @click="rightTextClick">
               <image src="../../static/image/无人值守/联合 1.png" mode=""></image>
               <text>
                  <slot name="rightText"></slot>
               </text>
               <image src="https://mx.jzeg.cn:9095/appimg/image/banner/add.png" mode=""></image>
               <text><slot name="rightText"></slot></text>
            </view>
         </view>
      </view>
@@ -25,11 +20,9 @@

<script>
   export default {
      name:"combined-title",
   name: 'combined-title',
      data() {
         return {

         };
      return {};
      },
      props:{
         title:{
@@ -39,10 +32,10 @@
      },
      methods:{
         rightTextClick(){
            this.$emit('rightText')
         this.$emit('rightText');
         }
      }
   }
};
</script>

<style lang="scss" scope>
@@ -60,7 +53,7 @@
                display:inline-block;
                width:vww(4);
                height:vww(12);
                background-color: #007AFF;
            background-color: #007aff;
                border-radius: vww(2);
             }
             .text{