添加底部栏

This commit is contained in:
熊丽君
2022-01-04 14:29:26 +08:00
parent c74f8a2d23
commit e81db422f4
5 changed files with 14 additions and 1 deletions

View File

@ -34,10 +34,13 @@
</p> </p>
</div> </div>
</div> </div>
<webFooter></webFooter>
</div> </div>
</template> </template>
<script setup> <script setup>
import webFooter from "@/components/webFooter/index.vue";
const input3 = ref(""); const input3 = ref("");
const loading = ref(true); const loading = ref(true);
const total = ref(1); const total = ref(1);
@ -68,6 +71,7 @@ getList();
.about { .about {
background-color: #f2f6ff; background-color: #f2f6ff;
.box { .box {
margin-bottom: 30px;
padding-top: 20px; padding-top: 20px;
display: flex; display: flex;
._l { ._l {

View File

@ -71,9 +71,12 @@
@pagination="getList" @pagination="getList"
/> />
</div> </div>
<webFooter></webFooter>
</div> </div>
</template> </template>
<script setup> <script setup>
import webFooter from "@/components/webFooter/index.vue";
const loading = ref(true); const loading = ref(true);
const total = ref(1); const total = ref(1);
const queryParams = reactive({ const queryParams = reactive({

View File

@ -43,10 +43,13 @@
/> />
</div> </div>
</div> </div>
<webFooter></webFooter>
</div> </div>
</template> </template>
<script setup> <script setup>
import webFooter from "@/components/webFooter/index.vue";
const loading = ref(true); const loading = ref(true);
const queryParams = reactive({ const queryParams = reactive({
pageNum: 1, pageNum: 1,

View File

@ -9,7 +9,7 @@
</el-breadcrumb-item> </el-breadcrumb-item>
</el-breadcrumb> </el-breadcrumb>
<ul class="_list"> <ul class="_list">
<li v-for="item in 36" :key="item"> <li v-for="item in 12" :key="item">
<el-image <el-image
style="width: 100%; height: 135px" style="width: 100%; height: 135px"
src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg" src="https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg"

View File

@ -72,11 +72,13 @@
v-model:isShowMore="isShowMore" v-model:isShowMore="isShowMore"
v-model:oneLevelTitle="oneLevelTitle" v-model:oneLevelTitle="oneLevelTitle"
></seeMore> ></seeMore>
<webFooter></webFooter>
</div> </div>
</template> </template>
<script setup> <script setup>
import { nextTick, onMounted } from "vue"; import { nextTick, onMounted } from "vue";
import seeMore from "./components/seeMore.vue"; import seeMore from "./components/seeMore.vue";
import webFooter from "@/components/webFooter/index.vue";
const oneLevelTitle = ref({}); const oneLevelTitle = ref({});
const isShowMore = ref(false); const isShowMore = ref(false);
@ -198,6 +200,7 @@ function handleShowMore(item) {
} }
} }
.box { .box {
margin-bottom: 30px;
._item { ._item {
._tit { ._tit {
margin: 0; margin: 0;