92 lines
2.2 KiB
Vue
92 lines
2.2 KiB
Vue
<template>
|
|
<view class="vh100 flex column">
|
|
<!-- banner -->
|
|
<u-swiper :list="bannerList" keyName="url" :autoplay="true" height="616rpx"></u-swiper>
|
|
<!-- 登录框 -->
|
|
<view class="flex rad32 boxshadow loginBox mac">
|
|
<view class="m-l-24 w-80rpx h-80rpx">
|
|
<u-avatar size="80rpx" :src="avatarSrc"></u-avatar>
|
|
</view>
|
|
<view class="flex1 m-l-24 flex mac h100">
|
|
<navigator open-type="redirect" url="/pages/main/login">
|
|
<view class="fb fz32">{{userInfo.tel}}</view>
|
|
</navigator>
|
|
<u-icon name="arrow-right"></u-icon>
|
|
</view>
|
|
<view class="flex column mc mac m-r-24 w-80rpx h-80rpx">
|
|
<u-icon size="48rpx" name="order"></u-icon>
|
|
<view class="fz24">订单</view>
|
|
</view>
|
|
</view>
|
|
<!-- 主按钮 -->
|
|
<view class="flex mse" style="height: 222rpx;margin-top: 30rpx;">
|
|
<navigator url="/pages/shop/list">
|
|
<mainBut bg="#D43030" imgSrc="/static/icons/ordernow.svg" butBt="开始点餐" butSt="Order Now" />
|
|
</navigator>
|
|
<navigator url="/pages/index/demo">
|
|
<mainBut bg="#FF8D1A" imgSrc="/static/icons/buggoods.svg" butBt="购买商品" butSt="Buy Goods" />
|
|
</navigator>
|
|
<!-- <mainBut bg="#FFC300" imgSrc="/static/icons/franchise.svg" butBt="项目介绍" butSt="Introduction" /> -->
|
|
</view>
|
|
<!-- 站长推荐 -->
|
|
|
|
<!-- tabbar -->
|
|
<view>
|
|
<tabbar menuCurrent=0></tabbar>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import {
|
|
checkUserInfo,
|
|
wxLogin
|
|
} from '@/utils/index.js'
|
|
|
|
export default {
|
|
data() {
|
|
return {
|
|
avatarSrc: "", //头像地址
|
|
bannerList: [{ //banner
|
|
url: '/static/banner1.png'
|
|
}],
|
|
}
|
|
},
|
|
computed: {
|
|
userInfo() {
|
|
return this.$store.state.userInfo
|
|
}
|
|
},
|
|
onReady() {
|
|
//检查token 没有则进行无感登录
|
|
this.checkUserInfo()
|
|
},
|
|
onShow() {
|
|
// 当页面显示时，设置 current 为首页索引
|
|
this.current = 0;
|
|
},
|
|
methods: {
|
|
|
|
// 检查用户信息
|
|
checkUserInfo() {
|
|
return checkUserInfo(this.$store)
|
|
},
|
|
//微信登录 ps;无感登录
|
|
wxLogin() {
|
|
return wxLogin(this.$store)
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.loginBox {
|
|
width: 702rpx;
|
|
height: 128rpx;
|
|
background-color: #faf7f3;
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translateX(-50%);
|
|
top: 494rpx;
|
|
}
|
|
</style> |