Skip to content

basic-uniapp-v3
basic-uniapp-v3
提交 333f6d07 作者: 方治民
操作

chore: 首页和农场页面，尽可能将页面中的静态数据改为动态

上级 c7280796
正在显示 包含 24 行增加 和 22 行删除
src/pages/shouye/shouye.vue
...@@ -125,18 +125,6 @@ ...@@ -125,18 +125,6 @@
// 在这里添加具体的菜单点击逻辑 // 在这里添加具体的菜单点击逻辑
} }
// 服务项点击事件
function onServiceItemClick(item: any) {
console.log('点击服务项:', item)
// 在这里添加具体的服务项点击逻辑
}
// 服务统计点击事件
function onServiceStatClick(item: any) {
console.log('点击服务统计项:', item)
// 在这里添加具体的服务统计点击逻辑
}
// 农产品关注点击事件 // 农产品关注点击事件
function onProductFollowClick(product: any) { function onProductFollowClick(product: any) {
console.log('点击关注农产品:', product) console.log('点击关注农产品:', product)
...@@ -261,17 +249,31 @@ ...@@ -261,17 +249,31 @@
<text class="font_2 mt-11">{{ item.name }}</text> <text class="font_2 mt-11">{{ item.name }}</text>
</view> </view>
</view> </view>
<view class="codefun-flex-col codefun-mt-20"> <view class="codefun-flex-col group_11 codefun-mt-20">
<view class="codefun-flex-row"> <view class="codefun-flex-row group_38">
<view <image
v-for="service in pageData.serviceItems" v-for="service in pageData.serviceItems"
:key="service.id" :key="service.id"
class="codefun-flex-col codefun-items-center group_10" class="image_12"
@click="onServiceItemClick(service)" :class="{
'ml-43': service.id > 1,
}"
:src="service.icon"
/>
</view>
<view class="codefun-flex-row codefun-justify-between mt-13">
<text
v-for="service in pageData.serviceItems"
:key="service.id"
class="font_2"
:class="{
text_14: service.id === 1,
text_15: service.id === 2,
text_16: service.id === 4,
}"
> >
<image class="image_11" :src="service.icon" /> {{ service.name }}
<text class="font_2 mt-11">{{ service.name }}</text> </text>
</view>
</view> </view>
</view> </view>
</view> </view>
...@@ -367,7 +369,6 @@ ...@@ -367,7 +369,6 @@
section_1: stat.id === 2, section_1: stat.id === 2,
section_19: stat.id > 2, section_19: stat.id > 2,
}" }"
@click="onServiceStatClick(stat)"
> >
<view <view
class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative" class="codefun-flex-row codefun-justify-center codefun-items-center codefun-self-stretch codefun-relative"
...@@ -476,9 +477,10 @@ ...@@ -476,9 +477,10 @@
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
height: 100%; height: 100%;
padding-bottom: 30rpx; padding-bottom: 20rpx;
.group { .group {
height: 2530rpx;
.section { .section {
padding: 48rpx 28rpx 220rpx; padding: 48rpx 28rpx 220rpx;
background-image: url('/static/images/codefun/1086a098c06f7f52e77bd7a646747a13.png'); background-image: url('/static/images/codefun/1086a098c06f7f52e77bd7a646747a13.png');
......
Markdown 格式
0% 或
您添加了 0 人 到此讨论。请谨慎行事。
请先完成此评论的编辑！
请 注册 或者 后发表评论