root/xl-mobile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
哆啦C梦
2025-12-13 22:58:49 +08:00
parent a79073a88f
commit 2c572ee282
18 changed files with 315 additions and 265 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
src/pages/login/index.vue
View File

@@ -2,11 +2,11 @@
import BGICON from "../../static/icons/bg.png";
import XNav from "../../components/XNav.vue";
import BulletChat from "./BulletChat.vue";
import {ref} from "vue";
import { ref } from "vue";
import AccountLogin from "./AccountLogin.vue";
import PhoneLogin from "./PhoneLogin.vue";
import WXOfficialAccount from "../../components/WXOfficialAccount.vue";
import {onLoad} from "@dcloudio/uni-app";
import { onLoad } from "@dcloudio/uni-app";
const currentTab = ref(0);
const showWX = ref(false);
@@ -20,7 +20,7 @@ const tabs = [
];
onLoad((options) => {
const {showWX: _showWX} = options;
const { showWX: _showWX } = options;
showWX.value = _showWX === '1';
});
</script>
@@ -29,21 +29,21 @@ onLoad((options) => {
<!--登陆-->
<XNav :showBack="false"></XNav>
<view class="h-[390rpx] relative overflow-hidden">
<image class="!absolute left-1/2 top-1/2 -translate-1/2 !w-[1198rpx] !h-[806rpx] !pb-[40rpx]"
:src="BGICON"></image>
<view class="box">
<image class="boximg" :src="BGICON">
</image>
<view class="!flex gap-[16rpx] items-center !mt-[56rpx] !ml-[16rpx] relative z-10">
<image class="!w-[68rpx] !h-[68rpx]" src="/static/icons/hi.png"></image>
<view class="hi-box">
<image class="hi" src="/static/icons/hi.png"></image>
<view class="title">欢迎登录系统</view>
</view>
<BulletChat></BulletChat>
</view>
<view class="h-full bg-white !-mt-[20rpx] rounded-t-[20rpx] relative z-10">
<tui-tabs class="!mx-auto !mb-[40rpx]" :tabs="tabs" :currentTab="currentTab" itemWidth="50%"
@change="({index}) => currentTab=index" :width="300" :sliderWidth="130"></tui-tabs>
<view class="form">
<tui-tabs class="tabs" :tabs="tabs" :currentTab="currentTab" itemWidth="50%"
@change="({ index }) => currentTab = index" :width="300" :sliderWidth="130"></tui-tabs>
<PhoneLogin v-if="currentTab === 0"></PhoneLogin>
<AccountLogin v-else></AccountLogin>
@@ -52,13 +52,32 @@ onLoad((options) => {
<w-x-official-account v-model:show="showWX"></w-x-official-account>
</template>
<style lang="scss">
page {
<style lang="scss" scoped>
.tabs {
@apply mx-auto mb-[40rpx];
}
.form {
@apply h-full -mt-[20rpx] rounded-t-[20rpx] relative z-10;
background-color: #fff;
}
</style>
<style lang="scss" scoped>
.boximg {
@apply absolute left-1/2 top-1/2 -translate-1/2 w-[1198rpx] h-[806rpx] pb-[40rpx];
}
.box {
@apply h-[390rpx] relative overflow-hidden;
}
.hi-box {
@apply flex gap-[16rpx] items-center mt-[56rpx] ml-[16rpx] relative z-10;
}
.hi {
@apply w-[68rpx] h-[68rpx];
}
.title {
color: rgb(29, 33, 41);
font-size: 26px;
@@ -68,3 +87,9 @@ page {
text-align: left;
}
</style>
<style lang="scss">
page {
background-color: #fff;
}
</style>