uni-app小程序提示信息（信息提示）_uniapp提示信息

首先

注意：
如果当我们使用别人写好的框架是不能在框架里面加弹框信息，因为我们这个弹框属于自己的后期自己加的内容。需要在在嵌套一个然后再把信息提示的提示放到view里面。

代码如下

html代码

<view>
		<!-- 成功提示 -->
		<gui-top-message ref="guitopmsg1">
			<view class="gui-bg-green">
				<text class="message-text gui-block-text gui-color-white gui-icons">&#xe7f8; {{ msg }}</text>
			</view>
		</gui-top-message>
		<!-- 错误提示 -->
		<gui-top-message ref="guitopmsg2">
			<view class="gui-bg-red">
				<text class="message-text gui-block-text gui-color-white gui-icons">&#xe646; {{ msg }}</text>
			</view>
		</gui-top-message>
		<!-- 消息提示 -->
		<gui-top-message ref="guitopmsg3">
			<view style="background-color:rgba(0, 255, 0, 0.8);">
				<text class="message-text gui-block-text gui-color-white gui-icons">&#xe6a1; {{ msg }}</text>
			</view>
		</gui-top-message>
········<--  其他代码的，或是框架>
········<--  其他代码的，或是框架>
········<--  其他代码的，或是框架>
········<--  其他代码的，或是框架>
</view>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

JS代码

<script>
data() {
		return {
				msg: ''
			   };
		},
methods: {
		openmsg1: function() {
			this.$refs.guitopmsg1.open();
		},
		openmsg2: function() {
			this.$refs.guitopmsg2.open();
		},
		openmsg3: function() {
			this.$refs.guitopmsg3.open();
		},
			uni.showModal({//提示框
					title: '确定要删除吗？',
					complete: e => {
						if (e.confirm) {
							uni.request({
								url:"jakdj/ada",
								data: {
									//参数
								},
								success: res => {
									setTimeout(() => {
										this.msg = "订单已删除"
										this.openmsg3();
									}, 300);
								}
							});
						}
					}
				});
	}
</script>
<--样式>
<style>
	.message-text {
		line-height: 88rpx;
		font-size: 26rpx;
		text-align: center;
	}
</style>
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