From e13367edf304cb78f978e321f1679299a66b3a23 Mon Sep 17 00:00:00 2001
From: quanyawei <401863037@qq.com>
Date: Wed, 10 Jan 2024 16:08:18 +0800
Subject: [PATCH] fix:地图
---
uni_modules/uview-ui/components/u-text/u-text.vue | 223 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 223 insertions(+), 0 deletions(-)
diff --git a/uni_modules/uview-ui/components/u-text/u-text.vue b/uni_modules/uview-ui/components/u-text/u-text.vue
new file mode 100644
index 0000000..99d0809
--- /dev/null
+++ b/uni_modules/uview-ui/components/u-text/u-text.vue
@@ -0,0 +1,223 @@
+<template>
+ <view
+ class="u-text"
+ :class="[]"
+ v-if="show"
+ :style="{
+ margin: margin,
+ justifyContent: align === 'left' ? 'flex-start' : align === 'center' ? 'center' : 'flex-end'
+ }"
+ @tap="clickHandler"
+ >
+ <text
+ :class="['u-text__price', type && `u-text__value--${type}`]"
+ v-if="mode === 'price'"
+ :style="[valueStyle]"
+ >���</text
+ >
+ <view class="u-text__prefix-icon" v-if="prefixIcon">
+ <u-icon
+ :name="prefixIcon"
+ :customStyle="$u.addStyle(iconStyle)"
+ ></u-icon>
+ </view>
+ <u-link
+ v-if="mode === 'link'"
+ :text="value"
+ :href="href"
+ underLine
+ ></u-link>
+ <template v-else-if="openType && isMp">
+ <button
+ class="u-reset-button u-text__value"
+ :style="[valueStyle]"
+ :data-index="index"
+ :openType="openType"
+ @getuserinfo="onGetUserInfo"
+ @contact="onContact"
+ @getphonenumber="onGetPhoneNumber"
+ @error="onError"
+ @launchapp="onLaunchApp"
+ @opensetting="onOpenSetting"
+ :lang="lang"
+ :session-from="sessionFrom"
+ :send-message-title="sendMessageTitle"
+ :send-message-path="sendMessagePath"
+ :send-message-img="sendMessageImg"
+ :show-message-card="showMessageCard"
+ :app-parameter="appParameter"
+ >
+ {{ value }}
+ </button>
+ </template>
+ <text
+ v-else
+ class="u-text__value"
+ :style="[valueStyle]"
+ :class="[
+ type && `u-text__value--${type}`,
+ lines && `u-line-${lines}`
+ ]"
+ >{{ value }}</text
+ >
+ <view class="u-text__suffix-icon" v-if="suffixIcon">
+ <u-icon
+ :name="suffixIcon"
+ :customStyle="$u.addStyle(iconStyle)"
+ ></u-icon>
+ </view>
+ </view>
+</template>
+
+<script>
+import value from './value.js'
+import button from '../../libs/mixin/button.js'
+import openType from '../../libs/mixin/openType.js'
+import props from './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',
+ // #ifdef MP
+ mixins: [uni.$u.mpMixin, uni.$u.mixin, value, button, openType, props],
+ // #endif
+ // #ifndef MP
+ mixins: [uni.$u.mpMixin, uni.$u.mixin, value, props],
+ // #endif
+ computed: {
+ valueStyle() {
+ const style = {
+ textDecoration: this.decoration,
+ fontWeight: this.bold ? 'bold' : 'normal',
+ wordWrap: this.wordWrap,
+ fontSize: uni.$u.addUnit(this.size)
+ }
+ !this.type && (style.color = this.color)
+ this.isNvue && this.lines && (style.lines = this.lines)
+ this.lineHeight &&
+ (style.lineHeight = uni.$u.addUnit(this.lineHeight))
+ !this.isNvue && this.block && (style.display = 'block')
+ return uni.$u.deepMerge(style, uni.$u.addStyle(this.customStyle))
+ },
+ isNvue() {
+ let nvue = false
+ // #ifdef APP-NVUE
+ nvue = true
+ // #endif
+ return nvue
+ },
+ isMp() {
+ let mp = false
+ // #ifdef MP
+ mp = true
+ // #endif
+ return mp
+ }
+ },
+ data() {
+ return {}
+ },
+ methods: {
+ clickHandler() {
+ // ���������������������������������������
+ if (this.call && this.mode === 'phone') {
+ uni.makePhoneCall({
+ phoneNumber: this.text
+ })
+ }
+ this.$emit('click')
+ }
+ }
+}
+</script>
+
+<style lang="scss" scoped>
+@import '../../libs/css/components.scss';
+
+.u-text {
+ @include flex(row);
+ align-items: center;
+ flex-wrap: nowrap;
+ flex: 1;
+ /* #ifndef APP-NVUE */
+ width: 100%;
+ /* #endif */
+
+ &__price {
+ font-size: 14px;
+ color: $u-content-color;
+ }
+
+ &__value {
+ font-size: 14px;
+ @include flex;
+ color: $u-content-color;
+ flex-wrap: wrap;
+ // flex: 1;
+ text-overflow: ellipsis;
+ align-items: center;
+
+ &--primary {
+ color: $u-primary;
+ }
+
+ &--warning {
+ color: $u-warning;
+ }
+
+ &--success {
+ color: $u-success;
+ }
+
+ &--info {
+ color: $u-info;
+ }
+
+ &--error {
+ color: $u-error;
+ }
+
+ &--main {
+ color: $u-main-color;
+ }
+
+ &--content {
+ color: $u-content-color;
+ }
+
+ &--tips {
+ color: $u-tips-color;
+ }
+
+ &--light {
+ color: $u-light-color;
+ }
+ }
+}
+</style>
--
Gitblit v1.8.0