增加登录
This commit is contained in:
parent
0ba101f79e
commit
fa54673a8d
@ -1,7 +1,8 @@
|
||||
const tabBarUrls = [
|
||||
'/pages/tabBar/sending/sending',
|
||||
'/pages/tabBar/search/search',
|
||||
'/pages/tabBar/mine/mine'
|
||||
'/pages/tabBar/deal/deal',
|
||||
'/pages/tabBar/home/home',
|
||||
'/pages/tabBar/mine/mine',
|
||||
'/pages/tabBar/order/order'
|
||||
]
|
||||
|
||||
const goto = (url, type = 1)=> {
|
||||
|
||||
10
pages.json
10
pages.json
@ -16,7 +16,8 @@
|
||||
"^up-(.*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue",
|
||||
"^u-([^-].*)": "@/uni_modules/uview-plus/components/u-$1/u-$1.vue"
|
||||
},
|
||||
"pages": [{
|
||||
"pages": [
|
||||
{
|
||||
"path": "pages/tabBar/home/home",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
@ -43,6 +44,13 @@
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle":"custom"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "pages/login/login",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"navigationStyle":"custom"
|
||||
}
|
||||
}
|
||||
],
|
||||
"subPackages": [{
|
||||
|
||||
68
pages/login/login.vue
Normal file
68
pages/login/login.vue
Normal file
@ -0,0 +1,68 @@
|
||||
<template>
|
||||
<view class="lgn-page" :style="`background-image: url(${getCdnUrl('login/bg.png')});`">
|
||||
<view>
|
||||
<u-image custom-style="margin: 160rpx auto 0 auto;" width="100" height="100" :src="getCdnUrl('logo.png')"></u-image>
|
||||
<u-text margin="70rpx 0 0 0" size="60" text="探路物流 速运全球" color="#fff" bold="true" align="center"></u-text>
|
||||
</view>
|
||||
<view style="margin-top: 90rpx;" class="pl-30 pr-30">
|
||||
<u-text text="密码登录" size="30" color="#fff" bold="true"></u-text>
|
||||
|
||||
<view class="mt-40">
|
||||
<u-input placeholder="请输入账号" color="#fff" font-size="30"
|
||||
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
placeholder-style="color: #FFF;"></u-input>
|
||||
</view>
|
||||
<view class="mt-40">
|
||||
<u-input placeholder="请输入密码" color="#fff" font-size="30" type="password"
|
||||
custom-style="padding: 30rpx 60rpx;background: rgba(255,255,255,0.2); border: 2px solid #FFFFFF;border-radius: 16rpx;"
|
||||
placeholder-style="color: #FFF;"></u-input>
|
||||
</view>
|
||||
<view class="mt-30">
|
||||
<u-checkbox-group placement="column" v-model="remberPassport">
|
||||
<u-checkbox size="28" labelSize="28" label="记住密码"
|
||||
label-color="#fff" activeColor="#fff" iconColor="#B12D29" iconSize="20"></u-checkbox>
|
||||
</u-checkbox-group>
|
||||
</view>
|
||||
|
||||
<view style="margin-top: 70rpx;">
|
||||
<u-button custom-style="height:90rpx;font-size:32rpx;color: #B12D29;font-weight: bold;;box-shadow: 0rpx 12rpx 21rpx 0rpx rgba(177,45,41,0.32);border-radius: 16rpx;">登录</u-button>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
export default {
|
||||
props: {
|
||||
},
|
||||
data() {
|
||||
return {
|
||||
remberPassport: ''
|
||||
}
|
||||
},
|
||||
onShareAppMessage() {
|
||||
return {
|
||||
title: '',
|
||||
}
|
||||
},
|
||||
methods: {
|
||||
getCdnUrl,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '@/common/uni-nvue.scss';
|
||||
page{
|
||||
height: 100% !important;
|
||||
}
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
.lgn-page {
|
||||
min-height: 100%;
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
</style>
|
||||
@ -174,5 +174,5 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../../../common/uni-nvue.scss';
|
||||
@import '@/common/uni-nvue.scss';
|
||||
</style>
|
||||
|
||||
@ -9,7 +9,7 @@
|
||||
|
||||
<view class="com-jianju" style="margin-top: 10rpx;">
|
||||
<u-row align="center" >
|
||||
<u-col span="11">
|
||||
<u-col @click="goto(`login/login`)" span="11">
|
||||
<u-row>
|
||||
<u-avatar size="66"></u-avatar>
|
||||
<u-text margin="0 0 0 16rpx" text="快递专员01" color="#fff" size="24"></u-text>
|
||||
@ -92,6 +92,7 @@
|
||||
</template>
|
||||
<script>
|
||||
import getCdnUrl from "@/common/getCdnUrl"
|
||||
import { goto } from "@/common/untool"
|
||||
export default {
|
||||
props: {
|
||||
// hasLeftWin: {
|
||||
@ -134,12 +135,13 @@
|
||||
},
|
||||
methods: {
|
||||
getCdnUrl,
|
||||
goto,
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../../../common/uni-nvue.scss';
|
||||
@import '@/common/uni-nvue.scss';
|
||||
</style>
|
||||
<style scoped lang="scss">
|
||||
.com-jianju {
|
||||
|
||||
@ -174,5 +174,5 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../../../common/uni-nvue.scss';
|
||||
@import '@/common/uni-nvue.scss';
|
||||
</style>
|
||||
|
||||
@ -388,5 +388,5 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import '../../../common/uni-nvue.scss';
|
||||
@import '@/common/uni-nvue.scss';
|
||||
</style>
|
||||
|
||||
BIN
static/images/login/bg.png
Normal file
BIN
static/images/login/bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 250 KiB |
BIN
static/images/logo.png
Normal file
BIN
static/images/logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Loading…
Reference in New Issue
Block a user