zz--front/pages2/coin/index.vue

<template>
	<view class="content">
		<u-cell-group>
				<u-cell-item icon="integral" title="我的金币" :value="userInfo.money" :arrow="false"></u-cell-item>
				<u-cell-item icon="integral" hover-class="cell-hover-class" title="特惠100金币" :value-style="{'color':'#FFCC00'}" value="¥0.01" :arrow="false" @click="pay(0.01)"></u-cell-item>
				<u-cell-item icon="integral" hover-class="cell-hover-class" title="10金币" :value-style="{'color':'#FFCC00'}" value="¥10" :arrow="false" @click="pay(10)">></u-cell-item>
				<u-cell-item icon="integral" hover-class="cell-hover-class" title="100金币" :value-style="{'color':'#FFCC00'}" value="¥100" :arrow="false" @click="pay(100)"></u-cell-item>
				<u-cell-item icon="integral" hover-class="cell-hover-class" title="200金币" :value-style="{'color':'#FFCC00'}" value="¥200" :arrow="false" @click="pay(200)"></u-cell-item>
				<u-cell-item icon="integral" hover-class="cell-hover-class" title="500金币" :value-style="{'color':'#FFCC00'}" value="¥500" :arrow="false" @click="pay(500)"></u-cell-item>
			</u-cell-group>
			
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
	export default {
		data() {
			return {
				pdfh5: null
			}
		},
		onLoad(option) {
			this.$api.refreshUserInfo() 
			
		},
		computed: {...mapGetters(['userInfo'])},
		onShow(){
		},
		methods: {
			pay(money){ 
				if(uni.getSystemInfoSync().platform== 'ios'){
					uni.showModal({
						title: '提示',
						content: 'IOS用户前往公众号充值',
						showCancel: false
					});
					return
				}
				let that = this;
				let list = []
				list.push({goodsPrice:money,num:1})
				let order = {goodsList:list};
				this.$api.orderSmallCoin(order).then(
					res => {
						let objarr = res.data.data
						wx.requestPayment({
							timeStamp: objarr.timeStamp,
							nonceStr: objarr.nonceStr,
							package: objarr.package,
							signType: objarr.signType,
							paySign: objarr.sign,
							success (result) {
								uni.showModal({
								    title: '提示',
								    content: '支付成功',
									showCancel: false,
								    success: function (resst) {
										if(resst.confirm){
										that.$api.refreshUserInfo() 
										}
								    }
								});
							},
							fail (err){
								uni.showModal({
								    title: '提示',
								    content: '支付失败',
									showCancel: false,
								    success: function (resst) {
										
								    }
								});
							}
						})
					},
					err => {
						console.log(err);
					}
				);
				
			}
			
		}

	}
</script>

<style scope>
.cell-hover-class {
	opacity: 0.5;
}
* {
  padding: 0;
  margin: 0;
}
html,
body,
#app {
  width: 100%;
  height: 100%;
}
page{
	height: 100%;
	
}
</style>