liaoxinyu
/
BIGTcoins_H5
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

优化首页个人中心页面、修改登录布局

master
liaoxinyu 9 months ago
parent
2108f9c883
commit
aba7279671
4 changed files with 71 additions and 33 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. BIN
      assets/img/home/Havelogged.png
  2. BIN
      assets/img/home/login.png
  3. 38
      pages/base/home.vue
  4. 66
      pages/login/index.vue

BIN
assets/img/home/Havelogged.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 694 B

BIN
assets/img/home/login.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.4 KiB

38
pages/base/home.vue
View File

@ -1277,7 +1277,7 @@
</view> </view>
</view> </view>
<!-- <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"--> <!-- <v-link :to="detail.status!=2?'/pages/auth/index':''" tag="div"-->
<v-link v-if="isLogin" :to="detail.status != 2 ? '/pages/auth/index' : '/pages/auth/index'" tag="div" <v-link v-if="false" :to="detail.status != 2 ? '/pages/auth/index' : '/pages/auth/index'" tag="div"
class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center"> class="bg-form-panel-3 p-xs m-xs color-theme-1 d-flex justify-between align-center">
<view class=" d-flex align-center"> <view class=" d-flex align-center">
<van-icon name="manager" class="fn-18" /> <van-icon name="manager" class="fn-18" />
@ -1286,6 +1286,16 @@
<!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-if="detail.status!=2">{{$t('first.a0')}}</text> --> <!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-if="detail.status!=2">{{$t('first.a0')}}</text> -->
<!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-else>{{$t('auth.a3')}}</text> --> <!-- <text class="bg-theme-1 color-white p-x-xs p-y-xxs rounded" v-else>{{$t('auth.a3')}}</text> -->
</v-link> </v-link>
<v-link :to="detail.status != 2 ? '/pages/auth/index' : '/pages/auth/index'" class=" p-xs m-xs d-flex justify-between align-center" v-if="isLogin">
<view style="display: flex;">
<image src="@/assets/img/home/login.png" mode="aspectFit" class="logine"></image>
<image src="@/assets/img/home/Havelogged.png" mode="aspectFit" class="havelogg" v-if="detail.status == 2"></image>
<view style="margin-left: 26rpx;display: flex;align-items: center;">
<view class="color-light username">{{username}}</view>
</view>
</view>
<!-- <van-icon name="arrow" class="fn-18" /> -->
</v-link>
<!-- <view class="personalCenter-center border-b border-gray-5"> <!-- <view class="personalCenter-center border-b border-gray-5">
<view class="d-flex justify-around"> <view class="d-flex justify-around">
<v-link to="/pages/assets/recharge" tag="div" class="d-flex flex-col align-center"> <v-link to="/pages/assets/recharge" tag="div" class="d-flex flex-col align-center">
@ -1506,6 +1516,12 @@ export default {
isLogin() { isLogin() {
return Boolean(uni.getStorageSync("token")) return Boolean(uni.getStorageSync("token"))
}, },
// 获取用户登录后的名字
username(){
const name = uni.getStorageSync("_user_login")
const username = name.data.user.username
return username
},
}, },
watch: { watch: {
isShow(n) { isShow(n) {
@ -1978,6 +1994,26 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
.username{
font-size: 18px;
font-weight: bold;
margin-bottom: 3px;
}
.logine{
// background: url('@/assets/img/home/Havelogged.png');
width: 96rpx;height: 96rpx;
}
.havelogg{
position: relative;
left: -35rpx;
top: 60rpx;
height: 28rpx;
border:1px solid #000000;
background-color: #000000;
border-radius: 50%;
width: 28rpx;
}
.nav_bar { .nav_bar {
width: 100%; width: 100%;
height: 50px; height: 50px;

66
pages/login/index.vue
View File

@ -13,40 +13,42 @@
</view> </view>
</template> </template>
</v-header> </v-header>
<main class="flex-fill flex-shrink"> <main class="flex-fill flex-shrink" style="align-items: center;display: flex;">
<view class="fn-center p-t-lg p-b-md"> <!-- <view class="fn-center p-t-lg p-b-md">
<img :src="logoMap.login_logo" class="h-80" /> <img :src="logoMap.login_logo" class="h-80" />
</view> </view> -->
<view class="form m-lg <strong>bg-panel</strong>-3 p-lg rounded-md box-shadow"> <view style="width: 100%;">
<view class="form-item border-b m-b-lg p-b-xs "> <view class="form m-lg <strong>bg-panel</strong>-3 p-lg rounded-md box-shadow">
<view class="label m-b-lg">{{$t('login.a0')}}</view> <view class="form-item border-b m-b-lg p-b-xs ">
<v-input class="color-light" v-model="form.account" :placeholder="$t('login.a1')"></v-input> <view class="label m-b-lg">{{$t('login.a0')}}</view>
</view> <v-input class="color-light" v-model="form.account" :placeholder="$t('login.a1')"></v-input>
<view class="form-item border-b m-b-xl p-b-xs"> </view>
<view class="label m-b-lg">{{$t('login.a2')}}</view> <view class="form-item border-b m-b-xl p-b-xs">
<v-input <view class="label m-b-lg">{{$t('login.a2')}}</view>
class="color-light" <v-input
v-model="form.password" class="color-light"
type="password" v-model="form.password"
:placeholder="$t('login.a3')" type="password"
></v-input> :placeholder="$t('login.a3')"
</view> ></v-input>
<view class="m-b-lg"> </view>
<v-button type="blue" block class="w-max rounded-md" key="loginbtn" @click="toLogin">{{$t('login.a4')}}</v-button> <view class="m-b-lg">
</view> <v-button type="blue" block class="w-max rounded-md" key="loginbtn" @click="toLogin">{{$t('login.a4')}}</v-button>
</view>
</view>
<view class="m-x-lg m-y-md d-flex"> </view>
<v-link <view class="m-x-lg m-y-md d-flex">
tag="div" <v-link
to="/pages/safe/forget-password" tag="div"
class="tips fn-sm color-sell" to="/pages/safe/forget-password"
>{{$t('login.a5')}}？</v-link> class="tips fn-sm color-sell"
<view class="mlaotu fn-12"> >{{$t('login.a5')}}？</v-link>
{{$t('login.a6')}}， <view class="mlaotu fn-12">
<v-link to="/pages/reg/index?from=login" class="color-sell d-inline-block" >{{$t('login.a7')}}</v-link> {{$t('login.a6')}}，
<v-link to="/pages/reg/index?from=login" class="color-sell d-inline-block" >{{$t('login.a7')}}</v-link>
</view>
</view>
</view> </view>
</view>
</main> </main>
<view class="m-x-lg p-x-lg"> <view class="m-x-lg p-x-lg">
<!-- <view class="p-y-md border-t fn-center"> <!-- <view class="p-y-md border-t fn-center">

Write Preview
Loading…
Cancel
Save