Shikong/uni-app-wx-study
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

调整

Browse Source
This commit is contained in:
shikong 2024-10-17 13:49:29 +08:00
parent b4d20cd3fe
commit fe5faf2cdc
Signed by: Shikong
GPG Key ID: BD85FF18B373C341
2 changed files with 11 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/index/components/category-item/index.vue
View File

@ -10,11 +10,13 @@ const props = defineProps({
</script>
<template>
<view style="text-align:center;padding:5px">
<image :src="props.src" mode="widthFix" style="width: 100%; height: 100%"/>
<text>
{{ props.title }}
</text>
<view style="text-align:center;padding:5px" class="h-18">
<image :src="props.src" mode="widthFix" class="w-full h-full"/>
<view>
<text>
{{ props.title }}
</text>
</view>
</view>
</template>

9
src/pages/index/index.vue
View File

@ -11,7 +11,7 @@
</view>
</view>
<swiper indicator-dots circular :autoplay="false" class="banner">
<swiper indicator-dots circular :autoplay="false" class="banner w-full">
<swiper-item>
<view style="display: grid;grid-template-columns: repeat(5, 1fr);">
<category-item src="https://www.httpbin.org/image/png" title="美食"></category-item>
@ -29,7 +29,7 @@
</swiper-item>
<swiper-item v-for="item in pic.list" :key="item.id">
<image @tap="previewImage(item)" :src="item.url"></image>
<image @tap="previewImage(item)" :src="item.url" class="w-full h-full"></image>
</swiper-item>
</swiper>
@ -122,10 +122,9 @@ export default {
}
</script>
<style>
.banner,
.banner image {
.banner {
width: 750rpx;
height: 450rpx;
height: 420rpx;
}
.content {