微信小程序/uni——组件、API、小程序客服button

一、常用组件介绍

1. text文本组件：

https://developers.weixin.qq.com/miniprogram/dev/component/text.html

<text user-select>长按被选中</text>

2. rich-text富文本组件：

https://developers.weixin.qq.com/miniprogram/dev/component/rich-text.html
应用场景：当请求服务器，返回隐私协议的时候有可能是大段标签，这时候就可以采用富文本的nodes属性对标签进行解析，从而将内容进行渲染出来。

<rich-text nodes="<h1 style='color:red'>富文本</h1>"></rich-text>

3. button按钮组件：

https://developers.weixin.qq.com/miniprogram/dev/component/button.html
应用：通过open-type属性可以调用微信提供的各种功能(客服、转发、获取用户授权、获取用户信息等)。

<button open-type="contact">
	<view class="fixedBtn mbottom">
		<image src="../../static/images/kefu.png" mode="aspectFill"></image>
		<view class="txt">客服</view>
	</view>
</button>

button {
	display: inline-block;
	width: 100rpx;
	height: 90rpx;
	padding: 0 !important;
	margin: 0 !important;
	background: none;
	line-height: 45rpx;
}

button::after {
	border: none;
}

4. image图片组件

https://developers.weixin.qq.com/miniprogram/dev/component/image.html
mode属性常用

5.navigator导航组件

https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html

二、API