gxwebsoft/template-10490
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完成适配移动端

Browse Source
This commit is contained in:
赵忠林
2025-03-01 10:52:11 +08:00
parent 1f79c93859
commit 8d19a58e9d
68 changed files with 2117 additions and 847 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
pages/market/components/SearchBar.vue
View File

@@ -2,16 +2,22 @@
<div class="flex flex-col text-sm bg-white px-4 mt-5 pt-2 pb-2">
<div class="flex flex-col">
<el-space class="my-2">
<h4 class="text-sm w-[40px] text-gray-400 font-normal text-center">行业</h4>
<h4 class="text-sm w-[40px] text-gray-400 font-normal text-center">类型</h4>
<el-radio-group v-model="selectType" @change="onType">
<el-radio-button v-for="(item,index) in websiteType" :key="index" :label="item.label" :value="item.value"/>
</el-radio-group>
</el-space>
<el-space class="my-2">
<h4 class="text-sm w-[40px] text-gray-400 font-normal text-center">行业分类</h4>
<div class="flex-wrap">
<el-radio-group v-model="selectIndustry" @change="onIndustry">
<el-radio-button v-for="(item,index) in IndustryData" :key="index" :label="item.label"
:value="item.value"/>
</el-radio-group>
<el-radio-group v-model="selectIndustry" @change="onIndustry">
<el-radio-button v-for="(item,index) in IndustryData" :key="index" :label="item.label"
:value="item.value"/>
</el-radio-group>
</div>
</el-space>
<el-space class="my-2">
<h4 class="text-sm w-[40px] text-gray-400 font-normal text-center">类型</h4>
<h4 class="text-sm w-[40px] text-gray-400 font-normal text-center">终端</h4>
<el-radio-group v-model="selectType" @change="onType">
<el-radio-button v-for="(item,index) in websiteType" :key="index" :label="item.label" :value="item.value"/>
</el-radio-group>
@@ -29,19 +35,20 @@
</div>
</div>
<el-scrollbar style="height: 100%;">
<el-space class="gap-4 mt-5">
<el-button type="primary" @click="handleDefault">默认</el-button>
<el-button @click="handleLast">最新</el-button>
<el-button @click="handleHot">最热</el-button>
<el-button @click="handleFree">免费</el-button>
<el-button @click="handlePay">付费</el-button>
<el-button @click="handleOfficial">官方</el-button>
<el-input v-model="keywords" :placeholder="`云官网`"
style="min-width: 220px"
class="hidden-sm-and-down"
:suffix-icon="Search" @change="handleKeywords"/>
<el-button class="hidden-sm-and-down" @click="clearWhere">重置</el-button>
</el-space>
<div class="mt-5 flex items-center text-sm">
<nuxt-link :to="`?`" @click="handleDefault">插件</nuxt-link>
<el-divider direction="vertical" />
<nuxt-link :to="`?`" @click="handleDefault">应用</nuxt-link>
<el-divider direction="vertical" />
<nuxt-link :to="`?`" @click="handleDefault">模板</nuxt-link>
<el-space class="ml-10">
<el-input v-model="keywords" :placeholder="`云官网`"
:suffix-icon="Search"
class="hidden-sm-and-down"
style="width: 220px" @change="handleKeywords"/>
<el-button class="hidden-sm-and-down" @click="clearWhere">重置</el-button>
</el-space>
</div>
</el-scrollbar>
</template>
@@ -62,9 +69,11 @@ const keywords = ref<string | undefined>()
const selectIndustry = ref<string>();
const selectType = ref<string>();
const selectColor = ref<string>();
// 终端
const appType = ref<any[]>()
// 行业
const industry = ref<string>()
// 类型
// 网站类型
const websiteType = ref<any[]>([])
// 色系
const colors = ref<any[]>()