nanhuashi_applet/pages/home/index.vue

<template>
	<view class="content">
    <u--image :showLoading="true" src="https://4dscene.4dage.com/new4dkk/deng/static/img/img_cover@2x.jpg" width="100vw" height="100vh"></u--image>
		<view class="fixed bottom-48 w-full text-center">
      <view  class="absolute" style="left: calc(50% - 112px);bottom: 100px">
        <u--image src="https://4dscene.4dage.com/new4dkk/deng/static/img/btn_enter@2x.png" width="224px" height="55px"></u--image>
      </view>
			<view class="butText text-center" @click="handleHome">开始云游</view>
		</view>
	</view>
</template>

<script>
// import uButton from "uview-ui/components/u-button/u-button.vue";
import { wxLogin } from "@/common/api.js";
	export default {
		components: {
			// uButton
		},
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
      handleHome() {
        console.log('开启云上观灯', uni)
				this.$store.commit("wxLogininfo", wxLogin);
			// 	uni.login({
			// 		provider: 'weixin', //使用微信登录
			// 		success: function ({code}) {
			// 			console.log('loginRes', code);
			// 			wxLogin({
			// 				code: code
			// 			}).then(res => {
      //           console.log('wxLoginRes', res, code);
			// 					uni.$u.toast("登录成功");
			// 					uni.setStorageSync('token', res.token);
			// 		})
			// 	}
			// });
			}
		}
	}
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		min-height: 100vh;
	}

	.butText{
    font-weight: 400;
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
    text-shadow: 0px 0px 8px #FFF9B1, 0px 0px 27px #FFF9B1, 0px 0px 4px #D86332;
    font-style: normal;
    text-transform: none;
    position: relative;
    top: -110px;
    z-index: 10;
  }
</style>