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-03-25 16:35:39 +08:00
parent 2b456dc17e
commit 9463635e03
66 changed files with 864 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/pages/InviteFriends/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--邀请好友-->
</template>
<style scoped>
</style>

11
src/pages/accountManagement/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--账号管理-->
</template>
<style scoped>
</style>

11
src/pages/addAccount/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--添加账号-->
</template>
<style scoped>
</style>

11
src/pages/addWallet/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--添加钱包-->
</template>
<style scoped>
</style>

11
src/pages/beginnerTutorial/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--新手教程-->
</template>
<style scoped>
</style>

11
src/pages/changeLog/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--变动记录-->
</template>
<style scoped>
</style>

11
src/pages/forgotPassword/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--忘记密码-->
</template>
<style scoped>
</style>

11
src/pages/home/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--首页-->
</template>
<style scoped>
</style>

11
src/pages/incomeLog/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--收益记录-->
</template>
<style scoped>
</style>

13
src/pages/index/index.vue
View File

@@ -1,13 +0,0 @@
<template>
<view class="text-[red]">
123
</view>
</template>
<script>
</script>
<style>
</style>

29
src/pages/login/AccountLogin.vue Normal file
View File

@@ -0,0 +1,29 @@
<script setup>
import {reactive} from "vue";
import XInput from "../../components/XInput.vue";
import XLink from "../../components/XLink.vue";
const form = reactive({
phone: null,
verificationCode: null,
});
</script>
<template>
<view class="!px-[34rpx] !flex flex-col gap-[40rpx]">
<x-input v-model:model-value="form.phone" placeholder="请输入手机号"></x-input>
<x-input v-model:model-value="form.verificationCode" placeholder="密码">
<template #suffix>
<x-link>忘记密码?</x-link>
</template>
</x-input>
<tui-button class="!mt-[80rpx]">登录</tui-button>
<tui-button class="!mt-[40rpx]" plain link>
<image class="!h-[26rpx]" mode="heightFix" src="../../static/icons/去注册.png"></image>
</tui-button>
</view>
</template>
<style scoped>
</style>

62
src/pages/login/BulletChat.vue Normal file
View File

@@ -0,0 +1,62 @@
<script setup>
import dm1 from '../../static/icons/弹幕1.png';
import dm2 from '../../static/icons/弹幕2.png';
import dm3 from '../../static/icons/弹幕3.png';
import dm4 from '../../static/icons/弹幕4.png';
import dm5 from '../../static/icons/弹幕5.png';
import dm6 from '../../static/icons/弹幕6.png';
import dm7 from '../../static/icons/弹幕7.png';
import dm8 from '../../static/icons/弹幕8.png';
import dm9 from '../../static/icons/弹幕9.png';
import {reactive} from "vue";
const MAP = [dm1,dm2,dm3,dm4,dm5,dm6,dm7,dm8,dm9];
const list1 = reactive([]);
const list2 = reactive([]);
for (let i = 0; i <= 100; i++) {
list1.push(MAP[Math.floor(Math.random() * 9)]);
list2.push(MAP[Math.floor(Math.random() * 9)]);
}
</script>
<template>
<view class="!mt-[68rpx] !flex flex-col gap-[20rpx]">
<view class="!flex gap-[30rpx] scrollX">
<image
v-for="item in list1"
class="!h-[72rpx]"
mode="heightFix"
:src="item">
</image>
</view>
<view class="!flex gap-[30rpx] scrollX">
<image
v-for="item in list2"
class="!h-[72rpx]"
mode="heightFix"
:src="item">
</image>
</view>
</view>
</template>
<style lang="scss" scoped>
.scrollX {
width: max-content !important;
animation: scroll 150s linear infinite;
image {
flex-shrink: 0;
}
}
@keyframes scroll {
0% {
transform: translateX(100vw); /* 从右侧开始 */
}
100% {
transform: translateX(-100%); /* 滚动到左侧结束 */
}
}
</style>

29
src/pages/login/PhoneLogin.vue Normal file
View File

@@ -0,0 +1,29 @@
<script setup>
import {reactive} from "vue";
import XInput from "../../components/XInput.vue";
import XLink from "../../components/XLink.vue";
const form = reactive({
phone: null,
verificationCode: null,
});
</script>
<template>
<view class="!px-[34rpx] !flex flex-col gap-[40rpx]">
<x-input v-model:model-value="form.phone" placeholder="请输入手机号"></x-input>
<x-input v-model:model-value="form.verificationCode" placeholder="验证码">
<template #suffix>
<x-link>发送验证码</x-link>
</template>
</x-input>
<tui-button class="!mt-[80rpx]">登录</tui-button>
<tui-button class="!mt-[40rpx]" plain link>
<image class="!h-[26rpx]" mode="heightFix" src="../../static/icons/去注册.png"></image>
</tui-button>
</view>
</template>
<style scoped>
</style>

52
src/pages/login/index.vue Normal file
View File

@@ -0,0 +1,52 @@
<script setup>
import XNav from "../../components/XNav.vue";
import BulletChat from "./BulletChat.vue";
import {ref} from "vue";
import AccountLogin from "./AccountLogin.vue";
import PhoneLogin from "./PhoneLogin.vue";
const currentTab = ref(0);
const tabs = [
{
name: '手机号登录',
},
{
name: '账号密码登录',
},
];
</script>
<template>
<!--登陆-->
<XNav></XNav>
<view class="h-[390rpx] relative overflow-hidden">
<image class="!absolute left-1/2 top-1/2 -translate-1/2 !w-[1198rpx] !h-[806rpx] -z-10 !pb-[40rpx]"
src="/static/icons/bg.png"></image>
<view class="!flex gap-[16rpx] items-center !mt-[56rpx] !ml-[16rpx]">
<image class="!w-[68rpx] !h-[68rpx]" 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]">
<tui-tabs class="!mx-auto !mb-[40rpx]" :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>
</view>
</template>
<style lang="scss" scoped>
.title {
color: rgb(29, 33, 41);
font-size: 26px;
font-weight: 700;
line-height: 28px;
letter-spacing: 0;
text-align: left;
}
</style>

11
src/pages/messageCenter/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--消息中心-->
</template>
<style scoped>
</style>

11
src/pages/messagePush/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--消息推送-->
</template>
<style scoped>
</style>

11
src/pages/myTask/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--我的任务-->
</template>
<style scoped>
</style>

11
src/pages/register/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--注册-->
</template>
<style scoped>
</style>

11
src/pages/single/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--单页-->
</template>
<style scoped>
</style>

11
src/pages/taskDetails/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--邀请好友-->
</template>
<style scoped>
</style>

11
src/pages/user/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--我的-->
</template>
<style scoped>
</style>

11
src/pages/userInfo/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--编辑信息-->
</template>
<style scoped>
</style>

11
src/pages/wallet/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--钱包-->
</template>
<style scoped>
</style>

11
src/pages/walletLog/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--变动记录-->
</template>
<style scoped>
</style>

11
src/pages/withdrawalLog/index.vue Normal file
View File

@@ -0,0 +1,11 @@
<script setup>
</script>
<template>
<!--提现记录-->
</template>
<style scoped>
</style>