aidlab/aida_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修复部分bug和调整首页的移动端布局

Browse Source
This commit is contained in:
WangXiaoDong
2024-07-14 00:00:34 +08:00
parent 55d19a3969
commit eaa46d9fc3
12 changed files with 1306 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/HomeRecommend.vue
View File

@@ -12,7 +12,7 @@
</div>
<div class="homeRecommend_right">
<a class="started_btn" v-if="systemUser.value == 0" href="https://code-create.com.hk/aida/" target="_blank">Upgrade to an official user</a>
<div class="started_btn" v-if="systemUser.value == 1" @click="goHome">Home</div>
<div class="started_btn" v-if="systemUser.value == 1 && !isMoblie" @click="goHome">Home</div>
<div class="started_btn started_btn2" v-if="systemUser.value != -1" @click="logout">log off</div>
</div>
<div class="homeRecommend_right" v-if="systemUser.value == -1">
@@ -22,7 +22,7 @@
</header>
<div class="homeRecommend_content_body">
<div class="homeRecommend_content_body_recommend" id="aaaa">
<div class="content_body_recommend_left">
<div class="content_body_recommend_left mdhidden">
<img class="content_body_img1 content_body_img" src="/image/mainImg/img1.png" alt="">
<img class="content_body_img2 content_body_img" src="/image/mainImg/img2.png" alt="">
<img class="content_body_img3 content_body_img" src="/image/mainImg/img3.png" alt="">
@@ -39,7 +39,7 @@
<a class="started_btn" href="https://code-create.com.hk/aida-trial/" target="_blank">START TRIAL</a>
</div>
</div>
<div class="content_body_recommend_right">
<div class="content_body_recommend_right mdhidden">
<img class="content_body_img1 content_body_img" src="/image/mainImg/img6.png" alt="">
<img class="content_body_img2 content_body_img" src="/image/mainImg/img7.png" alt="">
<img class="content_body_img3 content_body_img" src="/image/mainImg/img8.png" alt="">
@@ -57,7 +57,7 @@
</template>
<script >
import { defineComponent, createVNode, ref , nextTick,computed } from "vue";
import { defineComponent, createVNode, ref , nextTick,computed, onMounted } from "vue";
import { isEmail } from "@/tool/util";
import { setCookie, getCookie, WriteCookie,clonAllCookie } from "@/tool/cookie";
import VerificationCodeInput from "@/component/LoginPage/verificationCodeInput.vue";
@@ -84,6 +84,7 @@ export default defineComponent({
const store = useStore();
const router = useRouter();
let registerModel = ref()
let isMoblie = ref(false)
let systemUser = computed(()=>{
return store.state.UserHabit.systemUser
})
@@ -92,6 +93,9 @@ export default defineComponent({
}
let setRegister = () =>{
// ler
if(window.innerWidth < 768){
registerModel.value.pageWidth = '100%'
}
registerModel.value.init()
// router.push("/register");
}
@@ -117,6 +121,11 @@ export default defineComponent({
let goHome = ()=>{
router.push('/home');
}
onMounted(()=>{
if(window.innerWidth < 768){
isMoblie.value = true
}
})
return {
systemUser,
setLogin,
@@ -125,6 +134,7 @@ export default defineComponent({
setAdminUp,
logout,
goHome,
isMoblie,
}
},
data() {
@@ -193,6 +203,7 @@ export default defineComponent({
display: flex;
height: 100%;
flex-direction: column;
.homeRecommend_content_body{
flex: 1;
}
@@ -209,8 +220,10 @@ export default defineComponent({
// border-bottom: 0.1rem solid rgba(3, 3, 3, 0.1);
position: relative;
align-items: center;
z-index: 1049;
@media (max-width: 768px) {
z-index: 1000;
}
background-color: #fff;
.homeRecommend_right{
width: 33%;
@@ -386,6 +399,9 @@ export default defineComponent({
transform: translateX(-50%);
z-index: 2;
opacity: 0;
@media (max-width: 768px) {
width: 80%;
}
.content_body_recommend_center_title{
h1{
line-height: 1;