| | |
| | | </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> |
| | |
| | | </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> |