create

manifest.json

@@ -1,10 +1,11 @@
 {
     "name" : "上海市长宁区红十字会",
-    "appid" : "__UNI__F405D65",
+    "appid" : "__UNI__7151829",
     "description" : "",
     "versionName" : "1.0.0",
     "versionCode" : "100",
     "transformPx" : false,
+    "sassImplementationName" : "node-sass",
     /* 5+App特有相关 */
     "app-plus" : {
         "usingComponents" : true,

pages/applic/contribution.vue

@@ -9,32 +9,20 @@
 					<text class="imp">*</text>捐款意向
 				</view>
 				<view class="box-right">
-					<picker @change="PickerDire" :range="chooseDire" class="box-right" range-key="name">
+					<picker :value="index" @change="PickerDire" :range="chooseDire" class="box-right" @click="addType">
 						<text>{{ intention || '请选择捐款意向'}}</text>
 					</picker>
-					<!-- <cascade class="box-right" @change="onCityClick" :allAddress="chooseList" v-if="chooseList.length > 0">{{intention||'请选择捐款意向'}}</cascade> -->
-				</view>
-			</view>
-			<view class="box-item" v-if="intention && (intention.indexOf('非定向') == -1)">
-				<view class="box-left">
-					<text class="imp">*</text>捐款项目
-				</view>
-				<view class="box-right">
-					<picker @change="changeTlist" :range="chooseTlist" class="box-right"  range-key="name">
-						<text>{{ tIntention || '请选择捐款项目'}}</text>
-					</picker>
 				</view>
 			</view>
 			<view class="box-item">
 				<view class="box-left">
 					<text class="imp">*</text>捐款方式
 				</view>
-				<view class="box-right">
-					<!-- <input type="text" placeholder="请选择捐款方式" /> -->
-					<picker @change="PickerType" :value="index" :range="chooseType" class="box-right">
+				<picker @change="PickerType" :value="index" :range="chooseType" class="box-right">
+					<view class="box-right">
 						<text>{{ way || '请选择捐款方式'}}</text>
-					</picker>
-				</view>
+					</view>
+				</picker>
 			</view>
 			<!-- <view class="box-item">
 					<view class="box-left">
@@ -47,20 +35,15 @@
 					</view>
 			</view> -->
 			<view class="box-item1" @click="tochooseMoney">
-				<!-- <view class="box-item1" @click="tochooseMoney"> -->
 				<view class="box-main">
 					<view class="box-left">
 						<text class="imp">*</text>捐款金额
 					</view>
-					<view class="box-right">
-						<input type="text" placeholder="请选择金额" v-model="money" disabled />
-						<!-- <picker @change="PickerMoney" :value="index" :range="chooseMoney" class="box-right">
-							<text>{{ money || '请选择捐款金额'}}</text>
-						</picker> -->
+					<view class="box-right" style="text-align: right;">
+						<!-- <input type="text" placeholder="请选择金额" v-model="money" disabled /> -->
+						{{money|| '请选择金额'}}
 					</view>
-
 				</view>
-
 				<view class="box-bottom">
 					个人满500，单位满2000可打印纸质证书
 				</view>
@@ -70,7 +53,7 @@
 		<!-- <view class="infoOptional">
 			信息(选填)
 		</view> -->
-		<view class="box">
+		<view class="box" v-if="public">
 			<view class="box-item">
 				<view class="box-left">
 					<view v-if="!is_show">
@@ -86,10 +69,10 @@
 			</view>
 			<view class="box-item">
 				<view class="box-left">
-					<text class="imp">*</text>联系方式
+					<text class="imp">*</text>手机号
 				</view>
 				<view class="box-right">
-					<input type="text" placeholder="请填写联系方式" v-model="mobile" />
+					<input type="text" placeholder="请填写手机号" v-model="mobile" />
 				</view>
 			</view>
 		</view>
@@ -213,18 +196,15 @@
 	import {
 		userinfo
 	} from '@/api/user.js';
-	import cascade from '@/components/cascade.vue'
 	export default {
 		components: {
 			uniPopup,
-			cascade
 			// uniLoadMore
 		},
 		data() {
 			return {
 				index: 0,
 				intention: '', // 捐款意向
-				tIntention: '',//二层捐款意向
 				category_id: '', // 捐款意向ID
 				way: '', // 捐款方式
 				way_id: '', // 捐款方式id
@@ -238,19 +218,19 @@
 					},
 					{
 						id: 1,
-						money: 200
+						money: 100
 					},
 					{
 						id: 2,
-						money: 100
+						money: 10
 					},
 					{
 						id: 3,
-						money: 50
+						money: 5
 					},
 					{
 						id: 4,
-						money: 20
+						money: 1
 					},
 				],
 				is_public: '0', // 是否实名公开
@@ -262,9 +242,8 @@
 				isshowMoney: false, // 其他金额是否展示
 				address: '', // 联系地址
 				// chooseDire: ['请选择捐款意向','红十字人道事业（非定向捐赠）','疫情防控','其他','红十字博爱送万家','AED救护及科普','青少年生命安全教育基地建设项目','关注重度失能老人项目','青少年白血病救护项目','地芯行动-关爱地中海贫血儿童','会费缴纳'],
-				chooseDire: [],  //捐款意向处理列表
-				chooseList: [],//捐款意向原初列表
-				chooseTlist: [],//二次选择列表
+				chooseDire: [],
+				chooseList: [], //捐款意向真实列表
 				chooseType: ['个人', '单位'],
 				chooseMoney: ['5元', '10元', '50元', '其他金额'],
 				payLoding: false, //判断是否支付中
@@ -286,7 +265,6 @@
 			}
 		},
 		onShow() {
-			
 			if (!this.hasLogin) {
 				// 登录拦截
 				uni.showModal({
@@ -307,7 +285,7 @@
 					}
 				});
 			} else {
-				this.addType()
+				// this.loadData();
 			}
 		},
 		computed: {
@@ -315,83 +293,23 @@
 			...mapState(['weichatObj']),
 		},
 		methods: {
-			onCityClick({data}) {
-				console.log(data)
-				let obj = this
-				obj.intention = data[1]
-				obj.chooseDire.forEach(item => {
-					if(item.name == obj.intention) {
-						obj.category_id = item.id
-					}
-				})
-				console.log(obj.category_id,'obj.category_id+++++++++++++')
-				// this.intention = this.chooseDire[e.target.value];
-				// this.category_id = this.chooseList[e.target.value].id;
-			},
 			// 点击捐赠意向
 			addType(e) {
-				let obj = this
-				chosintention({}).then(({
+				chosintention({
+					page: 1,
+					limit: 100
+				}).then(({
 					data
 				}) => {
-					// 版本一
-					// this.chooseDire = data
-					// let arr = data.filter(item => {
-					// 	return item.pid == 0
-					// })
-					// console.log(arr[1].id,arr[0].id,'arr+++++++++')
-					// let arr2 = data.filter(item => {
-					// 	return item.pid != 0
-					// })
-					// console.log(arr2,'ddddddddddddddddd')
-					// arr = arr.map(item => {
-					// 	item.child = []
-					// 	console.log(arr2,'arr2++++')
-					// 	arr2.forEach(itemt => {
-					// 		if(item.id == itemt.pid) {
-					// 			console.log('zhaodaole')
-					// 			item.child.push(itemt)
-					// 		}
-					// 	})
-					// 	return item
-					// })
-					// this.chooseList = arr
-					
-					// 版本二
-					console.log(data,'data++++')
-					obj.chooseList = data
-					obj.chooseDire = data.filter(item => {
-						return item.pid == 0
-					})
-					
-					console.log(obj.chooseDire,'obj.chooseDire')
+					this.chooseDire = data.map(item => item.name)
+					this.chooseList = data
 				}).catch()
 			},
 			// 选择捐赠意向
 			PickerDire: function(e) {
 				console.log(334, e)
-				let chooseType = this.chooseDire[e.detail.value]
-				this.intention = chooseType.name
-				if(chooseType.name.indexOf('非定向') != -1) {
-					
-					this.category_id = this.chooseDire[e.detail.value].id
-					this.tIntention = ''
-					console.log(this.category_id,'dddd')
-				}else {
-					this.chooseTlist = this.chooseList.filter(item => {
-						return item.pid == this.chooseDire[e.detail.value].id
-					})
-					console.log(this.chooseTlist,'this.chooseTlist++++')
-				}
-				// console.log()
-				// this.intention = this.chooseDire[e.target.value];
-				// this.category_id = this.chooseList[e.target.value].id;
-			},
-			// 选择二层捐款意向
-			changeTlist(e) {
-				console.log(e)
-				this.tIntention = this.chooseTlist[e.detail.value].name
-				this.category_id = this.chooseTlist[e.detail.value].id
+				this.intention = this.chooseDire[e.target.value];
+				this.category_id = this.chooseList[e.target.value].id;
 			},
 			// 选择捐款方式
 			PickerType: function(e) {
@@ -456,11 +374,10 @@
 			// 是否实名公开
 			switch1Change(e) {
 				this.public = e.detail.value
-				console.log(e.detail.value,'e.detail.value')
 				if (e.detail.value) {
-					this.is_public = '1'
-				} else {
 					this.is_public = '0'
+				} else {
+					this.is_public = '1'
 				}
 				console.log(this.is_public)
 			},
@@ -468,9 +385,9 @@
 			switch2Change(e) {
 				this.is_receipts = e.detail.value
 				if (e.detail.value) {
-					this.is_receipts = '1'
-				} else {
 					this.is_receipts = '0'
+				} else {
+					this.is_receipts = '1'
 				}
 				console.log('is_receipts', this.is_receipts)
 			},
@@ -485,23 +402,26 @@
 					this.$api.msg('请输入捐款金额！');
 					return;
 				}
-				if (this.is_show) {
-					if (!obj.donate_er) {
-						this.$api.msg('请填写您的单位');
-						return;
+				if (obj.public) {
+					if (this.is_show) {
+						if (!obj.donate_er) {
+							this.$api.msg('请填写您的姓名');
+							return;
+						}
+					} else {
+						if (!obj.donate_er) {
+							this.$api.msg('请填写您的单位');
+							return;
+						}
 					}
-				} else {
-					if (!obj.donate_er) {
-						this.$api.msg('请填写您的姓名');
+
+					const reg = /^(\+?0?86-?)?1[\d]\d{9}$/;
+					if (!reg.test(obj.mobile)) {
+						obj.$api.msg('请填写正确的手机号码');
 						return;
 					}
 				}
 
-				const reg = /^(\+?0?86-?)?1[\d]\d{9}$/;
-				if (!reg.test(obj.mobile)) {
-					obj.$api.msg('请填写正确的联系方式');
-					return;
-				}
 				if (this.is_receipts == '0') {
 					// obj.address = '用户未填写联系地址'
 					if (!obj.address) {
@@ -513,7 +433,7 @@
 				if (!obj.address) {
 					obj.address = '用户未填写联系地址'
 				}
-				if(!obj.isHelp) {
+				if (!obj.isHelp) {
 					if (!obj.intention) {
 						this.$api.msg('请选择捐款意向');
 						return;
@@ -526,8 +446,8 @@
 					// contact: obj, //单位联系人（企业有效）
 					tel: obj.mobile, //手机号
 					address: obj.address, //联系地址
-					is_open: obj.is_public, //是否实名公开
-					is_ticket: obj.is_receipts, //是否开发票
+					is_open: obj.public?1:0, //是否实名公开
+					is_ticket: obj.is_receipts == 0 ? 1: 0, //是否开发票
 					pay_type: 0, //支付方式0微信1支付宝
 					type: obj.way_id,
 				}
@@ -700,7 +620,7 @@
 		right: 0;
 		width: 750rpx;
 		height: 100rpx;
-		background: #FA7E67;
+		background: #E63931;
 		color: #FFFFFF;
 		display: flex;
 		align-items: center;
@@ -868,4 +788,4 @@
 			}
 		}
 	}
-</style>
+</style>

pages/form/donaSuccess.vue

@@ -152,19 +152,20 @@
 				context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
 				context.setFontSize(30 * obj.ratio);
 				context.fillText('尊敬的' + this.name + ':', 60 * obj.ratio, 350 * obj.ratio);
-				context.fillText('衷心感谢您对长宁区红十字事业的信任与支', 120 * obj.ratio, 410 * obj.ratio);
-				context.fillText('持！我们已收到您的捐款', 60 * obj.ratio, 465 * obj.ratio);
+				context.fillText('衷心感谢您对上海市长宁区红十字事业的信', 120 * obj.ratio, 410 * obj.ratio);
+				context.fillText('任与支持！我们已收到您的捐款', 60 * obj.ratio, 465 * obj.ratio);
 				// 画横线
-				context.moveTo(380 * obj.ratio, 470 * obj.ratio);
-				context.lineTo(540 * obj.ratio, 470 * obj.ratio);
+				let a = 490
+				context.moveTo(a * obj.ratio, 470 * obj.ratio);
+				context.lineTo((a + 160) * obj.ratio, 470 * obj.ratio);
 				context.stroke();
 				context.setTextAlign('center')
-				context.fillText('￥' + obj.money, 460 * obj.ratio, 465 * obj.ratio);
+				context.fillText('￥' + obj.money, (a + 80) * obj.ratio, 465 * obj.ratio);
 				context.setTextAlign('left')
-				context.fillText('元。我们承', 540 * obj.ratio, 465 * obj.ratio);
-				context.fillText('诺绝不辜负大家的信任，遵照您的意愿，将捐款', 60 * obj.ratio, 520 * obj.ratio);
-				context.fillText('全部用于相关救助项目。您的善举将给受助人带', 60 * obj.ratio, 575 * obj.ratio);
-				context.fillText('去温暖！', 60 * obj.ratio, 630 * obj.ratio);
+				context.fillText('元。', (a + 162) * obj.ratio, 465 * obj.ratio);
+				context.fillText('我们承诺绝不辜负大家的信任，遵照您的意愿，', 60 * obj.ratio, 520 * obj.ratio);
+				context.fillText('将捐款全部用于相关救助项目。您的善举将给受', 60 * obj.ratio, 575 * obj.ratio);
+				context.fillText('助人带去温暖！', 60 * obj.ratio, 630 * obj.ratio);
 				context.fillText('爱心无界，情义无价。谨以此信表达谢意，', 120 * obj.ratio, 680 * obj.ratio);
 
 				context.fillText('我们因您更有力量，因您倍感温暖！', 60 * obj.ratio, 735 * obj.ratio);
@@ -235,7 +236,7 @@
 		onLoad(option) {
 			console.log(333, option);
 			this.money = option.money;
-			this.name = decodeURI(option.name)
+			this.name = decodeURI(option.name) || '佚名'
 			this.add_time = decodeURI(option.time)
 			this.IndexShare();
 			this.ScanAudio(true);

pages/index/aixin.vue

@@ -1,11 +1,9 @@
 <template>
 	<view class="content">
-		<view class="box">
+		<image class="image" src="../../static/img/jks.png" mode="widthFix" style="width: 750rpx;"></image>
+		<view class="btn" @click="navto('/pages/applic/contribution')">
 			
-			<canvas v-if="showcanvas" id="qrShareBox" canvas-id="qrShareBox" class="tki-qrcode-canvas" />
-			<image class="imgbox" v-else :src="img"></image>
 		</view>
-		<!-- <image class="image" src="../../static/img/thinks.png" mode=""></image> -->
 	</view>
 </template>
 
@@ -16,251 +14,27 @@
 	export default {
 		data() {
 			return {
-				money: '',
-				url: '',
-				img: '',
-				showcanvas: true,
-				loading: true, //是否载入图片中
-				size: 180,
-				ratio: 1, //页面比例用于计算
-				canHeight: '',
-				canWeidth: '',
-				playing: true,
-				current: {
-					src: '../../static/audio/xx.mp3'
-				},
-				rotateIndex: '',
-				animation: {},
-				animationData: {},
-				audioAction: {
-					method: 'pause'
-				},
-				ran: -1,
-				isStop: true,
-				demo: 0,
-				name: '',
-				add_time: '',
 
 			};
-		},
-		onReady() {
-			let query = uni.createSelectorQuery();
-			let obj = this;
-			console.log(999, obj.money);
-			// 获取页面比例
-			query
-				.select('.box')
-				.fields({
-						size: true
-					},
-					e => {
-						console.log('获取页面比例', e);
-						// 保存比例
-						this.ratio = e.width / 750;
-					}
-				)
-				.exec();
-			// 获取画布宽高信息
-			query
-				.select('#qrShareBox')
-				.fields({
-						size: true
-					},
-					e => {
-						console.log('获取画布宽高信息', e);
-						obj.canHeight = e.height;
-						obj.canWeidth = e.width;
-					}
-				)
-				.exec();
-			
-				let ctxBg = '/static/img/jk.png'; //画布背景
-				let src = '/static/icon/erweima.jpg'; // 二维码
-
-				let context = uni.createCanvasContext('qrShareBox');
-				// 插入背景图片
-				console.log('插入背景图片', ctxBg, 0, 0, obj.canWeidth, obj.canHeight);
-				context.drawImage(ctxBg, 0, 0, obj.canWeidth, obj.canHeight);
-
-				const codeSize = obj.size * obj.ratio; //计算二维码大小
-				const codeX = ((750 - obj.size) * obj.ratio) / 2; //二维码所在x轴位置
-				const codeY = 960 * obj.ratio; //二维码所在y轴位置
-
-				const codeBoxColor = '#FFFFFF'; //包裹框颜色
-				const codeBoxWidht = 0; //包裹边框宽度
-				const codeBoxSize = (codeBoxWidht / 2) * obj.ratio; //计算二维码白色包裹框大小
-				const codeBoxX = codeX - codeBoxSize; //包裹框初始X轴
-				const codeBoxY = codeY - codeBoxSize; //包裹框初始Y轴
-				const codeBoxEnd = codeSize + codeBoxWidht * obj.ratio; //计算包裹框大小
-				const fontTop = codeY + codeBoxEnd + (codeBoxWidht + 20) * obj.ratio; //文字距离上边距高度
-				const fontSize = 24 * obj.ratio; //文字大小
-				const fontText = ''; //文字内容
-				const fontLeft = (codeSize - fontSize * fontText.length) / 2 + codeX; //文字左侧距离
-
-				// // 插入文字
-				context.setFontSize(24 * obj.ratio);
-				context.setFillStyle('#000');
-				// context.fillText('感谢信', ((750 - obj.size) * obj.ratio) / 2, 260 * obj.ratio)
-				// context.setFontSize(30 * obj.ratio);
-				// context.fillText('开户名:', 250 * obj.ratio, 500* obj.ratio);
-				// context.fillText('上海市长宁区红十字会人道救助基金专户', 250 * obj.ratio, 500* obj.ratio);
-				
-				// context.fillText('0215014400000562', 250 * obj.ratio, 538* obj.ratio);
-				// context.fillText('民生银行长宁支行', 250 * obj.ratio, 576* obj.ratio);
-				// context.fillText('许 飚', 250 * obj.ratio, 768* obj.ratio);
-				
-				// context.fillText('021-52064116', 250 * obj.ratio, 806* obj.ratio);
-				
-				// context.fillText('上海市长宁路895号2楼210室', 250 * obj.ratio, 844* obj.ratio);
-				// context.fillText('衷心感谢您对长宁区红十字事业的信任与支', 120 * obj.ratio, 410 * obj.ratio);
-				// context.fillText('持！我们已收到您的捐款', 60 * obj.ratio, 465 * obj.ratio);
-				// // 画横线
-				// context.moveTo(380 * obj.ratio, 470 * obj.ratio);
-				// context.lineTo(540 * obj.ratio, 470 * obj.ratio);
-				// context.stroke();
-				// context.setTextAlign('center')
-				// context.fillText('￥' + obj.money, 460 * obj.ratio, 465 * obj.ratio);
-				// context.setTextAlign('left')
-				// context.fillText('元。我们承', 540 * obj.ratio, 465 * obj.ratio);
-				// context.fillText('诺绝不辜负大家的信任，遵照您的意愿，将捐款', 60 * obj.ratio, 520 * obj.ratio);
-				// context.fillText('全部用于相关救助项目。您的善举将给受助人带', 60 * obj.ratio, 575 * obj.ratio);
-				// context.fillText('去温暖！', 60 * obj.ratio, 630 * obj.ratio);
-				// context.fillText('爱心无界，情义无价。谨以此信表达谢意，', 120 * obj.ratio, 680 * obj.ratio);
-
-				// context.fillText('我们因您更有力量，因您倍感温暖！', 60 * obj.ratio, 735 * obj.ratio);
-				// // context.fillText('谨表谢意', (580 * obj.ratio), 680 * obj.ratio)
-				// // context.setTextAlign('right')
-				// context.fillText('上海市长宁区红十字会', 385* obj.ratio, 850 * obj.ratio);
-				// context.fillText(obj.add_time, 455 * obj.ratio, 910 * obj.ratio);
-				// 插入二维码
-				// console.log(codeX, codeY, codeSize, 999)
-				// context.drawImage(src, codeX, codeY, codeSize, codeSize);
-				context.draw(false, e => {
-					uni.canvasToTempFilePath({
-						x: 0,
-						y: 0,
-						width: obj.canWeidth,
-						height: obj.canHeight,
-						destWidth: obj.canWeidth,
-						destHeight: obj.canHeight,
-						canvasId: 'qrShareBox',
-						success: function(res) {
-							console.log(333, res);
-							// 在H5平台下，tempFilePath 为 base64
-							obj.showcanvas = false;
-							obj.img = res.tempFilePath;
-						}
-					});
-				});
-
-
-
 		},
 		onShow() {
-			// var animation = uni.createAnimation();
-			// this.animation = animation;
-			// if (this.isStop) {
-			// 	// 使用动画
-			// 	this.scaleAndScale();
-			// 	this.timer = setInterval(() => {
-			// 		//创建定时器,3秒执行异一次
-			// 		this.scaleAndScale();
-			// 		// console.log('每三秒执行一次 , 达到往复运动的效果')
-			// 	}, 1000);
-			// } else {
-			// 	this.noscaleAndScale();
-			// }
+
 		},
 		onLoad(option) {
-			console.log(333, option);
-			// this.money = option.money;
-			// this.name = decodeURI(option.name)
-			// this.add_time = decodeURI(option.time)
-			// this.IndexShare();
-			// this.ScanAudio(true);
+
 		},
 		onHide() {
-			//在页面隐藏时也要清除定时器
-			if (this.timer) {
-				// console.log('清除定时器-' + this.timer)
-				clearInterval(this.timer);
-			}
+
 		},
 		onUnload() {
-			//在页面卸载时清除定时器 避免出现多个定时器连续创建动画
-			if (this.timer) {
-				console.log('清除定时器-' + this.timer);
-				clearInterval(this.timer);
-			}
+
 		},
 		methods: {
-			// 分享
-			IndexShare() {
-				let obj = this;
-				// let money = obj.money;
-				// let item = {
-				// 	link: obj.$store.state.baseURL + '/index/#/pages/form/donaSuccess?money=' + obj.money + '&name=' +
-				// 		encodeURI(obj.name) + '&time=' + encodeURI(obj.add_time), // 分享链接
-				// 	imgUrl: obj.$store.state.baseURL + '/index/static/img/002.png',
-				// 	desc: '弘扬红十字精神，传播红十字观念，宣传红十字工作，这是一个汇聚爱心、救助之家力量的平台！',
-				// 	title: '来自长宁区红十字会的感谢信',
-				// 	success: console.log('分享加载成功')
-				// };
-				// console.log('分享加', item);
-				// weixindata(item);
-			},
-			musicClick() {
-				// if (this.isRoate) {
-				// 	this.isRoate = false
-				// 	this.stopScanAudio()
-				// } else {
-				// 	this.isRoate = true
-				// 	this.ScanAudio()
-				// }
-			},
-			play() {
-				this.playing = !this.playing;
-				this.ScanAudio(this.playing);
-				if (this.playing == true) {
-					this.timer = setInterval(() => {
-						//创建定时器,3秒执行异一次
-						this.scaleAndScale();
-						console.log('每1秒执行一次');
-					}, 1000);
-				} else {
-					clearInterval(this.timer);
-				}
-				// var music = uni.createInnerAudioContext();
-				// music.src= "../../static/audio/xx.mp3"; //选择播放的音频
-				//   music.onPause(); //暂停播放
-				// 	console.log('暂停播放')
-				// console.log('dianjizanting')
-				// this.stopAudio()
-				// this.playing = !this.playing; //背景音乐点击，暂停或继续
-			},
-			// 定义动画内容
-			scaleAndScale() {
-				// 定义动画内容
-				// this.animation.scale(1.2, 1.2).step() //先放大1,2倍
-				// this.animation.scale(1, 1).step() //缩小至原来的大小
-				// 导出动画数据传递给data层
-				// this.animationData = this.animation.export(); //每次执行导出动画时 会覆盖之前的动画
-				this.animation.rotate(this.demo).step({
-					duration: 1000
-				});
-				this.animationData = this.animation.export();
-				this.demo += 360;
-			},
-			noscaleAndScale() {
-				this.animation.rotate(0).step({
-					duration: 1000
-				});
-				this.animationData = this.animation.export();
-			}
-			// ScanAudio(){
-			// 	this.$api.music.play(); //执行播放
-			// 				console.log('执行播放')
-			// }
+	navto(url) {
+		uni.navigateTo({
+			url
+		})
+	}
 		}
 	};
 </script>
@@ -270,113 +44,20 @@
 		width: 100%;
 		height: 100%;
 	}
-
 	.content {
-		// background-color: pink;
-		width: 100%;
-		height: 100%;
 		position: relative;
-
-		.bgimg {
-			width: 100%;
-			height: 100%;
-
-			// background-color: pink;
-			image {
-				width: 100%;
-				height: 100%;
-			}
-		}
-
-		.tki-qrcode-canvas {
-			width: 750rpx;
-			height: 1350rpx;
-			margin: 0 auto;
-			// background-color: pink;
-		}
-
-		.box {
-			// position: absolute;
-			// left: 0;
-			// top: 0;
-			// background-color: pink;
-			// width: 100%;
-			// height: 100%;
-			// display: flex;
-			// flex-direction: column;
-			// align-items: center;
-			// color: #FFFFFF;
-			// padding: 0rpx 32rpx 0 32rpx;
-			color: #ffffff;
-			width: 100%;
-			height: 100vh;
-			// background-color: pink;
-
-			.music {
-				// width: 55rpx;
-				// height: 55rpx;
-				border-radius: 28rpx;
-				// background-color: pink;
-				position: absolute;
-				left: 40rpx;
-				top: 100rpx;
-				z-index: 999;
-			}
-
-			// .title {
-			// 	margin-top: 234rpx;
-			// 	font-size: 54rpx;
-			// }
-
-			// .main {
-			// 	margin-top: 20rpx;
-			// 	font-size: 32rpx;
-
-			// 	.box-2 {
-			// 		text-indent: 68rpx;
-			// 		margin-top: 12rpx;
-			// 	}
-			// }
-
-			// .footer {
-			// 	margin-top: 32rpx;
-			// 	// background-color: pink;
-			// 	width: 100%;
-
-			// 	.box-1 {
-			// 		display: flex;
-			// 		justify-content: flex-end;
-			// 		font-size: 28rpx;
-			// 		// padding-right: 14rpx;
-			// 	}
-			// }
-		}
-
-		// .playing {
-		// 		animation: run 10s linear 0s infinite;
-		// 	}
-
-		// .player {
-
-		// 	width: 65rpx;
-		// 	height: 65rpx;
-		// 	border-radius: 50%;
-		// 	background-color: rgba(0, 0, 0, 0.1);
-		// 	z-index: 999999;
-		// }
-
-		.keepgo {
-			animation-play-state: paused;
-		}
-
-		.imgbox {
-			height: 1784rpx;
-			width: 750rpx;
-		}
+		// top: ;
+		
 	}
-
-	.image {
-		width: 100%;
-		height: 100%;
+	.btn {
+		position: absolute;
+		width: 156rpx;
+		height: 153rpx;
+		top: 766rpx;
+		left: 0;
+		right: 0;
+		margin: auto;
+		border-radius: 50%;
 	}
+
 </style>