小程序如何添加标签啊

㈠ 云平台小程序中怎么设置价格标签

到demo1-listde的demo1-listde.wxml添加输入框和添加按钮

商品名
<input bindinput="getName"></input>
商品价格
<input bindinput="getPrice"></input><!-- 输入框 -->
<button bindtap="addGood" type="primary">添加商品</button><!-- 添加按钮 -->
1
2
3
4
5
1
2
3
4
5
到demo1-listde的demo1-listde.wxss添加输入框和添加按钮的样式
input{
border: 1px solid gray;/* 1像素，实心，灰色 */
width: 200px;
}
1
2
3
4
1
2
3
4
保存运行则得到
在这里插入图片描述
2.到demo1-listde的demo1-listde.js

在页面顶端设置全局模式
let name = ''
let price = ''
1
2
1
2
获取用户输入的商品名和价格
getName(n) {
name= n.detail.value
},
getPrice(n) {
price= n.detail.value
},
1
2
3
4
5
6
1
2
3
4
5
6
把用户添加的商品添加到数据库
addGood() {
console.log('商品名', name)
console.log('商品价格', price)
1
2
3
1
2
3
为了避免代码重复
把下图请添加图片描述
改为
getList(){
wx.cloud.database().collection("goods")
.get()
.then(res=> {
console.log('列表请求成功',res)
this.setData({//把请求的数据赋值给list
list:res.data
})
})
.catch(res=> {
console.log('列表请求失败',err)
})
1
2
3
4
5
6
7
8
9
10
11
12
1
2
3
4
5
6
7
8
9
10
11
12
为添加商品制作一个成功或失败提示弹窗
if (name == '') {
wx.showToast({//提示弹窗
icon:'none',
title: '商品名为空',
})
} else if (price == '') {
wx.showToast({//提示弹窗
icon:'none',
title: '价格为空',
})
} else{
console.log('请添加商品')
wx.cloud.database().collection('goods')
.add({
data:{
name: name,
price: price
}
})
.then(res =>{
console.log('添加成功',res)
this.getList()
})
.catch(res =>{
console.log('添加失败',err)
})
}
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
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
保存运行即可在小程序页面添加商品和价格
更改商品价格

1，到demo1.1-details的demo1.1-details.wxml添加输入框和添加按钮

<view>商品名:{{good.name}},价格：{{good.price}}</view><!-- viem默认有换行的效果 -->
更新商品价格
<input bindinput="getPrice"></input>
<button type="primary" bindtap="update">更新商品价格</button>
1
2
3
4
1
2
3
4
到demo1.1-details的demo1.1-details.wxss添加输入框和添加按钮的样式
input{
border: 1px solid gray;
width: 200px
}
1
2
3
4
1
2
3
4
保存运行得到
在这里插入图片描述
2.到demo1.1-details的demo1.1-details.js

在页面顶部添加全局模式

let price = ''
var id = ''
1
2
1
2
把onLoad板块改为
onLoad(options) {//列表携带的数据，传递到了onload方法里
console.log('列表携带的值',options)
id = options.id
this.getDetail()
}
1
2
3
4
5
1
2
3
4
5
为避免下面代码出现重复

把下图的代码
在这里插入图片描述
改为

getDetail() {
wx.cloud.database().collection('goods')
.doc(id)
.get()
.then(res=> {
console.log('精品课程详情页请求成功',res)
this.setData({
good:res.data
})
})
.catch(res=>{
console.log('精品课程详情页请求失败',err)
})
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
1
2
3
4
5
6
7
8
9
10
11
12
13
14
获取新价格
getPrice(n) {
price=n.detail.value
}
1
2
3
1
2
3
修改商品的价格
update() {
console.log('新的商品价格',price)
if (price == '') {
wx.showToast({
icon:'none',
title: '价格为空',
})
} else {
wx.cloud.database().collection('goods')
.doc(id)
.update({
data:{
price:price
}
})
.then(res =>{
console.log('更新成功',res)
this.getDetail()
})
.catch(res =>{
console.log('更新失败',err)
})

}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
保存运行即可更改商品的价格
删除商品

1，到demo1.1-details的demo1.1-details.wxml添加删除按钮

<button type='primary' bindtap="delete">删除当前商品</button>
1
1
2，到demo1.1-details的demo1.1-details.js

添加删除商品的代码
delete() {
console.log('点击了删除键',id)
wx.showModal({
title:'提示',
content:'确定要删除这个商品吗',
success(res) {
if (res.confirm) {
console.log('确定')
//从数据库删除数据
wx.cloud.database().collection('goods')
.doc(id)
.remove()
.then(res => {
console.log('删除完成',res)
wx.navigateTo({
url: '/pages/demo1-list/demo1-list',
})
})
.catch(res=>{
console.log('删除失败',err)
})
}else if (res.cancel) {
console.log('取消')
}
}
})
}
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
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
保存运行即可
完成后的全部代码

demo1-list.js
let name = ''
let price = ''
Page({
onLoad(){
this.getList()
},
//获取列表数据
getList(){
wx.cloud.database().collection("goods")
.get()
.then(res=> {
console.log('列表请求成功',res)
this.setData({//把请求的数据赋值给list
list:res.data
})
})
.catch(res=> {
console.log('列表请求失败',err)
})

},
//跳转到精品课程详情页
toDetail(n) {
console.log('跳转到精品课程详情页的id',n.currentTarget.dataset.id)
wx.navigateTo({
url: '/pages/demo1.1-details/demo1.1-details?id=' + n.currentTarget.dataset.id,//跳转到商品详情页，并携带商品id
})
},

//获取用户输入的商品名和价格
getName(n) {
name= n.detail.value
},
getPrice(n) {
price= n.detail.value
},
//添加商品到数据库
addGood() {
console.log('商品名', name)
console.log('商品价格', price)

if (name == '') {
wx.showToast({//提示弹窗
icon:'none',
title: '商品名为空',
})
} else if (price == '') {
wx.showToast({//提示弹窗
icon:'none',
title: '价格为空',
})
} else{
console.log('请添加商品')
wx.cloud.database().collection('goods')
.add({
data:{
name: name,
price: price
}
})
.then(res =>{
console.log('添加成功',res)
this.getList()
})
.catch(res =>{
console.log('添加失败',err)
})
}
}
})
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
demo1-list.wxml
商品名
<input bindinput="getName"></input>
商品价格
<input bindinput="getPrice"></input><!-- 输入框 -->
<button bindtap="addGood" type="primary">添加商品</button><!-- 添加按钮 -->
<view wx:for="{{list}}">
<view bindtap="toDetail" data-id="{{item._id}}">商品名：{{item.name}},价格：{{item.price}} </view>
</view>
1
2
3
4
5
6
7
8
1
2
3
4
5
6
7
8
demo1-list.wxss
input{
border: 1px solid gray;/* 1像素，实心，灰色 */
width: 200px;
}
1
2
3
4
1
2
3
4
demo1.1-details.js
let price = ''
var id = ''
Page({
data:{
good:{}
},
onLoad(options) {//列表携带的数据，传递到了onload方法里
console.log('列表携带的值',options)
id = options.id
this.getDetail()
},
//获取商品的数据
getDetail() {
wx.cloud.database().collection('goods')
.doc(id)
.get()
.then(res=> {
console.log('精品课程详情页请求成功',res)
this.setData({
good:res.data
})
})
.catch(res=>{
console.log('精品课程详情页请求失败',err)
})
},

//获取新价格
getPrice(n) {
price=n.detail.value
},
//修改商品价格
update() {
console.log('新的商品价格',price)
if (price == '') {
wx.showToast({
icon:'none',
title: '价格为空',
})
} else {
wx.cloud.database().collection('goods')
.doc(id)
.update({
data:{
price:price
}
})
.then(res =>{
console.log('更新成功',res)
this.getDetail()
})
.catch(res =>{
console.log('更新失败',err)
})

}
},
delete() {
console.log('点击了删除键',id)
wx.showModal({
title:'提示',
content:'确定要删除这个商品吗',
success(res) {
if (res.confirm) {
console.log('确定')
//从数据库删除数据
wx.cloud.database().collection('goods')
.doc(id)
.remove()
.then(res => {
console.log('删除完成',res)
wx.navigateTo({
url: '/pages/demo1-list/demo1-list',
})
})
.catch(res=>{
console.log('删除失败',err)
})
}else if (res.cancel) {
console.log('取消')
}
}
})
}

})
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
demo1.1-details.wxml
<!--pages/demo1.1-details/demo1.1-details.wxml-->
<view>商品名:{{good.name}},价格：{{good.price}}</view><!-- viem默认有换行的效果 -->
更新商品价格
<input bindinput="getPrice"></input>
<button type="primary" bindtap="update">更新商品价格</button>
<button type='primary' bindtap="delete">删除当前商品</button>

demo1.1-details.wxss

㈡ 微信小程序双标签怎么打开

微信小程序的双标签模式是一种方便的多任务浏览模式。通过双标签模式，你可以在同一屏幕内同时打基旅则悄开两个不同的小程序，实现多任务浏览和操作。

要使用微信小程序双标签模式，可以按照以下步骤进行操作：

1. 打开微信并进入小程序界面。
2. 点击右上角的“＋”号，选择第一搏盯凳个小程序并进入。
3. 在第一个小程序中，向上滑动屏幕，并点击“添加标签页”按钮（图标为“＋”和“⦁”组成），再选择要打开的第二个小程序。
4. 此时，第二个小程序就会在新的标签页中打开，你可以在同一屏幕上同时浏览和操作两个小程序了。
5. 如果需要关闭某个标签页，可以点击标签页上的“×”按钮来关闭。

需要注意的是，并不是所有的微信小程序都支持双标签模式。如果你发现在某些小程序中没有“添加标签页”按钮，则该小程序可能不支持双标签模式。同时，在双标签模式下，你需要注意你的设备屏幕大小和分辨率，以避免操作不便或界面拥挤的情况发生。

㈢ 如何在小程序二维码中添加文字

近来有客户咨询，二维码和二维码下面的文字是不是一体的。如果不是一体的，那二维码下面的文字标识是如何添加的。今天就给大家演示下二维码软件添加文字标识的步骤：

打开二维码软件，新建标签之后，点击左侧的“二维码”按钮，在画布上绘制一个二维码样式，双击二维码，在图形属性-数据源中，点击“修改”按钮，数据对象类型选择“手动输入”，在下面的状态框中手动输入要编辑的信息，点击编辑-确定。

㈣ 微信小程序怎么添加顶部标签分页栏

对于目前最新6.5.3版本的微信，从聊天顶部的入口处点击进入该小程序，然后点击左上角的关闭，试试，我这目前可以

㈤ 微信小程序列表里小程序的标签怎么出来的

这个是功能模块，而不是你说的标签，前提是你的微信小程序有优惠券这个功能模块，每个小程序都会有不同的功能模块，这个模块是开发商给你开发出来的，假如你的小程序没有这个模块，根本就不会出现。

㈥ 想在微信小程序设置用户标签，请问怎么弄

微信小程序里面设置用户的标签，请问怎么弄来说的话？你们自己用的标签来说的话，自己的话就是进入他的小程序的设置，里面的话就是设置出来他的任务标签就可以

㈦ 抖音苹果6手机没有添加标签功能小程序

抖音苹果6手机有添加标签功能小程序
1、手机打开抖音，点击+后再点击页面红圈拍短视频。
2、拍完后在发布页面里点击添加标签，选择合适的标
签。
3、选择合适片名，点击右侧的添加。
4、选择好了之后点击发布即可在页面上显示标签。