u--text.vue 1.2 KB

1234567891011121314151617181920212223242526272829
  1. <template>
  2. <uvText :type="type" :show="show" :text="text" :prefixIcon="prefixIcon" :suffixIcon="suffixIcon" :mode="mode" :href="href" :format="format" :call="call" :openType="openType"
  3. :bold="bold" :block="block" :lines="lines" :color="color" :decoration="decoration" :size="size" :iconStyle="iconStyle" :margin="margin" :lineHeight="lineHeight" :align="align"
  4. :wordWrap="wordWrap" :customStyle="customStyle" @click="$emit('click')"></uvText>
  5. </template>
  6. <script>
  7. /**
  8. * 此组件存在的理由是,在nvue下,u-text被uni-app官方占用了,u-text在nvue中相当于input组件
  9. * 所以在nvue下,取名为u--input,内部其实还是u-text.vue,只不过做一层中转
  10. * 不使用v-bind="$attrs",而是分开独立写传参,是因为微信小程序不支持此写法
  11. */
  12. import uvText from "../u-text/u-text.vue";
  13. import props from "../u-text/props.js";
  14. import mixin from '../u-text/libs/mixin/mixin.js'
  15. export default {
  16. name: "u--text",
  17. // #ifdef MP-WEIXIN
  18. // 将自定义节点设置成虚拟的,更加接近Vue组件的表现,能更好的使用flex属性
  19. options: {
  20. virtualHost: true
  21. },
  22. // #endif
  23. mixins: [props, mixin],
  24. components: {
  25. uvText,
  26. },
  27. };
  28. </script>