qingyiay
2023-07-02 38de059c83720527d3813448153390da3e6453dc
components/combined-title/combined-title.vue
@@ -8,10 +8,15 @@
         </view>
         <!-- 结尾 -->
         <view class="title_end" v-if="$slots.rightText">
            <view class="title_end_text" @click="rightTextClick">
               <image src="https://mx.jzeg.cn:9095/appimg/image/banner/add.png" mode=""></image>
               <text><slot name="rightText"></slot></text>
         <view class="title_end"
            v-if="$slots.rightText">
            <view class="title_end_text"
               @click="rightTextClick">
               <image src="https://mx.jzeg.cn:9095/appimg/image/banner/add.png"
                  mode=""></image>
               <text>
                  <slot name="rightText"></slot>
               </text>
            </view>
         </view>
      </view>
@@ -19,63 +24,71 @@
</template>
<script>
export default {
   name: 'combined-title',
   data() {
      return {};
   },
   props: {
      title: {
         type: String,
         default: ''
   import { onlineurl } from '../../api/request.js'
   export default {
      name: 'combined-title',
      data() {
         return {};
      },
      props: {
         title: {
            type: String,
            default: ''
         }
      },
      methods: {
         rightTextClick() {
            this.$emit('rightText');
         }
      }
   },
   methods: {
      rightTextClick() {
         this.$emit('rightText');
      }
   }
};
   };
</script>
<style lang="scss" scope>
.title {
   width: 100%;
   margin: vww(16) auto;
   .title_wrapper {
      height: vww(14);
      display: flex;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      .title_start {
         .icon {
            display: inline-block;
            width: vww(4);
            height: vww(12);
            background-color: #007aff;
            border-radius: vww(2);
         }
         .text {
            display: inline-block;
            margin-left: vww(8);
            font-size: vww(16);
         }
      }
      .title_end {
         .title_end_text {
            display: flex;
            align-items: center;
            image {
               margin-right: vww(8);
               width: vww(21);
               height: vww(21);
<style lang="scss"
   scope>
   .title {
      width: 100%;
      margin: vww(16) auto;
      .title_wrapper {
         height: vww(14);
         display: flex;
         justify-content: space-between;
         align-items: center;
         box-sizing: border-box;
         .title_start {
            .icon {
               display: inline-block;
               width: vww(4);
               height: vww(12);
               background-color: #007aff;
               border-radius: vww(2);
            }
            text {
            .text {
               display: inline-block;
               margin-left: vww(8);
               font-size: vww(16);
            }
         }
         .title_end {
            .title_end_text {
               display: flex;
               align-items: center;
               image {
                  margin-right: vww(8);
                  width: vww(21);
                  height: vww(21);
               }
               text {
                  font-size: vww(16);
               }
            }
         }
      }
   }
}
</style>
</style>