wangqiao/front-pc
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: 清理移动端首页注释代码并优化布局

Browse Source
This commit is contained in:
wangqiao
2025-09-04 09:01:24 +08:00
parent 272c380c6e
commit 85c49890d1
1 changed files with 4 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
pages/mobile/index.vue
View File

@ -1,9 +1,6 @@
<template> <template>
<div class="contains content"> <div class="contains content">
<!-- Search Bar -->
<div class="search-container"> <div class="search-container">
<!-- <span class="icon">🔍</span> -->
<!-- <input v-model="searchValue" type="text" class="input" placeholder="搜一搜" @keyup.enter="onSearch" /> -->
<van-search shape="round" class="vant-input" background="#fff" placeholder="请输入搜索关键词" /> <van-search shape="round" class="vant-input" background="#fff" placeholder="请输入搜索关键词" />
</div> </div>
@ -33,7 +30,6 @@
<div class="category-row"> <div class="category-row">
<div class="category-item" @click="navigateTo('图纸')"> <div class="category-item" @click="navigateTo('图纸')">
<div class="category-icon"> <div class="category-icon">
<!-- <span class="icon">✍️</span> -->
<img src="~/assets/images/tuzhi (3).png" alt="banner" /> <img src="~/assets/images/tuzhi (3).png" alt="banner" />
</div> </div>
<span class="category-text">图纸</span> <span class="category-text">图纸</span>
@ -113,7 +109,6 @@
<div class="divider"></div> <div class="divider"></div>
<div class="contains content"> <div class="contains content">
<!-- 推荐功能 --> <!-- 推荐功能 -->
<!-- <RecommendBanner /> -->
<div class="recommend-section"> <div class="recommend-section">
<div class="tab-navigation"> <div class="tab-navigation">
<div v-for="(tab, index) in tabs" :key="index" class="tab-item" :class="{ active: currentTab === index }" @click="switchTab(index)"> <div v-for="(tab, index) in tabs" :key="index" class="tab-item" :class="{ active: currentTab === index }" @click="switchTab(index)">
@ -126,7 +121,6 @@
</div> </div>
<!-- 内容区域 --> <!-- 内容区域 -->
<!-- <recommend-list /> -->
<div class="design-list"> <div class="design-list">
<div class="design-item" v-for="(item, index) in items" :key="index"> <div class="design-item" v-for="(item, index) in items" :key="index">
<div class="design-preview"> <div class="design-preview">
@ -161,11 +155,13 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
definePageMeta({ layout: 'm' })
import { useRouter } from 'vue-router' import { useRouter } from 'vue-router'
import activity1 from '~/assets/images/activity1.png' import activity1 from '~/assets/images/activity1.png'
import activity2 from '~/assets/images/activity2.png' import activity2 from '~/assets/images/activity2.png'
import activity3 from '~/assets/images/activity2.png' import activity3 from '~/assets/images/activity2.png'
definePageMeta({
layout: 'm'
})
const router = useRouter() const router = useRouter()