|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172 |
- <template>
- <uvText
- :type="type"
- :show="show"
- :text="text"
- :prefixIcon="prefixIcon"
- :suffixIcon="suffixIcon"
- :mode="mode"
- :href="href"
- :format="format"
- :call="call"
- :openType="openType"
- :bold="bold"
- :block="block"
- :lines="lines"
- :color="color"
- :decoration="decoration"
- :size="size"
- :iconStyle="iconStyle"
- :margin="margin"
- :lineHeight="lineHeight"
- :align="align"
- :wordWrap="wordWrap"
- :customStyle="customStyle"
- @click="$emit('click')"
- ></uvText>
- </template>
-
- <script>
- /**
- * 此组件存在的理由是，在nvue下，u-text被uni-app官方占用了，u-text在nvue中相当于input组件
- * 所以在nvue下，取名为u--input，内部其实还是u-text.vue，只不过做一层中转
- * 不使用v-bind="$attrs"，而是分开独立写传参，是因为微信小程序不支持此写法
- */
- import uvText from "../u-text/u-text.vue";
- import props from "../u-text/props.js";
- /**
- * Text 文本
- * @description 此组件集成了文本类在项目中的常用功能，包括状态，拨打电话，格式化日期，*替换，超链接...等功能。 您大可不必在使用特殊文本时自己定义，text组件几乎涵盖您能使用的大部分场景。
- * @tutorial https://www.uviewui.com/components/loading.html
- * @property {String} type 主题颜色
- * @property {Boolean} show 是否显示（默认 true ）
- * @property {String | Number} text 显示的值
- * @property {String} prefixIcon 前置图标
- * @property {String} suffixIcon 后置图标
- * @property {String} mode 文本处理的匹配模式 text-普通文本，price-价格，phone-手机号，name-姓名，date-日期，link-超链接
- * @property {String} href mode=link下，配置的链接
- * @property {String | Function} format 格式化规则
- * @property {Boolean} call mode=phone时，点击文本是否拨打电话（默认 false ）
- * @property {String} openType 小程序的打开方式
- * @property {Boolean} bold 是否粗体，默认normal（默认 false ）
- * @property {Boolean} block 是否块状（默认 false ）
- * @property {String | Number} lines 文本显示的行数，如果设置，超出此行数，将会显示省略号
- * @property {String} color 文本颜色（默认 '#303133' ）
- * @property {String | Number} size 字体大小（默认 15 ）
- * @property {Object | String} iconStyle 图标的样式 （默认 {fontSize: '15px'} ）
- * @property {String} decoration 文字装饰，下划线，中划线等，可选值 none|underline|line-through（默认 'none' ）
- * @property {Object | String | Number} margin 外边距，对象、字符串，数值形式均可（默认 0 ）
- * @property {String | Number} lineHeight 文本行高
- * @property {String} align 文本对齐方式，可选值left|center|right（默认 'left' ）
- * @property {String} wordWrap 文字换行，可选值break-word|normal|anywhere（默认 'normal' ）
- * @event {Function} click 点击触发事件
- * @example <u--text text="我用十年青春,赴你最后之约"></u--text>
- */
- export default {
- name: "u--text",
- mixins: [uni.$u.mpMixin, props, uni.$u.mixin],
- components: {
- uvText,
- },
- };
- </script>
|
