1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
| /**
| * 微信小程序原生头像选择组件
| * 用于在小程序环境中调用原生的头像选择功能
| * @author Tevin
| * @tutorial
| * 第一步：注册为 Taro 元素组件
| * 打开 Taro 页面的 config.js 配置文件，在 usingComponents 中注册为元素组件
| * export default {
| * usingComponents: {
| * 'weapp-choose-avatar': '@components/weappNative/chooseAvatar/weappChooseAvatar',
| * }
| * }
| * 第二步：在页面中使用元素组件（直接当元素使用）
| * <weapp-choose-avatar @chooseAvatar="evt=>onChooseAvatar(evt)">
| * <button>选择头像</button>
| * </weapp-choose-avatar>
| *
| * @notice
| * 1. 样式完全由内容决定，组件内部所有样式已清空
| * 2. 绑定事件需要用“@”，返回参数为头像地址
| */
| Component({
| behaviors: [],
| options: {
| styleIsolation: 'apply-shared',
| },
| // 相当于 props
| properties: {
| // 禁用状态
| disabled: {
| type: Boolean,
| value: false,
| },
| // 按钮文本
| content: {
| type: String,
| value: '按钮',
| },
| },
| data: {},
| methods: {
| handleChooseAvatar(evt) {
| this.triggerEvent('chooseAvatar', evt.detail);
| },
| },
| });
|
|
