ZXUI

<zx-text text="我用十年青春,赴你最后之约"></zx-text>

<zx-text type="primary" text="主色"></zx-text>
<zx-text type="error"   text="错误"></zx-text>
<zx-text type="success" text="成功"></zx-text>
<zx-text type="warning" text="警告"></zx-text>
<zx-text type="info"    text="信息"></zx-text>

<zx-text mode="phone" text="15019479320"></zx-text>

<zx-text mode="date" text="1612959739"></zx-text>

<zx-text mode="name" text="张三三" format="encrypt"></zx-text>

<zx-text mode="link" text="Go to zxUI docs" href="https://zxui.org" ></zx-text>

<zx-text mode="price" text="728732.32"></zx-text>

<zx-text prefixIcon="baidu" iconStyle="font-size: 19px" text="百度一下,你就知道"></zx-text>
<zx-text suffixIcon="arrow-leftward" iconStyle="font-size: 18px" text="查看更多"></zx-text>

<zx-text :lines="2" text="关于zxUI的取名来由，首字母u来自于uni-app首字母，
uni-app是基Vuejs，Vue和View(延伸为UI、视图之意)同音，同时view组件uni-app中
最础最重要的组件，故取名zxUI，表达源于uni-app和Vue之意，同时在此也对它示感谢。"></zx-text>

<zx-text text="分享到微信" openType="share" type="success" @click="clickHandler"></zx-text>
<script>
	export default {
		onLoad() {},
		methods: {
			clickHandler() {
				// #ifndef MP-WEIXIN
				uni.$zx.toast('请在微信小程序内查看效果')
				// #endif
			}
		},
	}
</script>