Skip to content

J
jiaxiu-miniapp
Commit b7ce7bc9 authored by 彭佳妮（贵阳日报）'s avatar 彭佳妮（贵阳日报）
Browse files
Options

1

parent dc395bb4
Hide whitespace changes
Inline Side-by-side
Showing with 38 additions and 40 deletions
src/pages/home/index.vue
View file @ b7ce7bc9
<template> <template>
<van-sticky> <Header backgroundBox="white" :show="false">
<div class="header"> <div class="tools">
<Header backgroundBox="white" :show="false"> <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
<div class="tools"> @clear="handleRefresh" />
<van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh" <div class="right" @click="router.push({ name: 'publish' })">
@clear="handleRefresh" /> <van-icon name="add" size="26" color="#0E7CE3" />
<div class="right" @click="router.push({ name: 'publish' })"> <span>新建</span>
<van-icon name="add" size="26" color="#0E7CE3" />
<span>新建</span>
</div>
</div> </div>
</Header> </div>
</Header>
<van-sticky :offset-top="50">
<div class="header">
<!-- <div class="tools"> <!-- <div class="tools">
<van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh" <van-search v-model="catalog.materialTitle" shape="round" placeholder="请输入搜索关键词" @search="handleRefresh"
@clear="handleRefresh" /> @clear="handleRefresh" />
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
v-if="dataList.length"> v-if="dataList.length">
<div class="list"> <div class="list">
<div class="item" v-for="(item, index) in dataList" :key="index" <div class="item" v-for="(item, index) in dataList" :key="index"
@click="router.push({ name: 'home-content', params: { id: item.materialId } })"> @click="router.push({ name: 'home-content', params: { id: item.materialId } })">
<img :src="fileDomain + item.coverpicture"> <img :src="fileDomain + item.coverpicture">
<div class="desc"> <div class="desc">
<span class="title"> <span class="title">
...@@ -141,7 +141,7 @@ const getList = () => { ...@@ -141,7 +141,7 @@ const getList = () => {
getList() getList()
const handleRefresh = () => { const handleRefresh = () => {
window.scroll(0,0) window.scroll(0, 0)
refreshing.value = true refreshing.value = true
page.pageNum = 0 page.pageNum = 0
getList() getList()
...@@ -199,49 +199,47 @@ const confirmTagsPopup = (e) => { ...@@ -199,49 +199,47 @@ const confirmTagsPopup = (e) => {
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.header { .tools {
padding: 10px; display: flex;
background-color: #ffffff; gap: 10px;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
.tools { :deep(.van-search) {
display: flex; flex: 1;
gap: 10px; padding: 0;
:deep(.van-search) { .van-search__content {
flex: 1; height: 100%;
padding: 0;
.van-search__content { .van-search__field {
height: 100%; height: 100%;
.van-search__field {
height: 100%;
}
} }
} }
}
.right { .right {
width: 35px; width: 35px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
span { span {
font-size: 13px; font-size: 13px;
color: #0E7CE3; color: #0E7CE3;
}
} }
} }
}
.header {
padding: 0 10px;
background-color: #ffffff;
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.1);
.menu { .menu {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding-top: 10px; padding-top: 10px;
:deep(.van-tabs__nav) { :deep(.van-tabs__nav) {
gap: 30px; gap: 30px;
padding-bottom: 0; padding-bottom: 0;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment