TmOct5/ZhHealth
1
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

服务调整

Browse Source
This commit is contained in:
唐明明
2022-01-13 17:45:19 +08:00
parent 23570ad739
commit bd00312574
1 changed files with 25 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

52
pages/service/index.vue
View File

@@ -1,26 +1,28 @@
<template> <template>
<view class="content"> <view class="content">
<view class="status"> <u-sticky>
<view class="top"> <view class="status">
<view class="top-name"> <view class="top">
ZH大家庭 <view class="top-name">
</view> ZH大家庭
<view class="top-card"> </view>
会员卡 <view class="top-card">
</view> 会员卡
</view> </view>
<view class="site"> </view>
<view class="site-name"> <view class="site">
<u-icon name="map" style="margin-right: 10rpx;"></u-icon> <view class="site-name">
全国 <u-icon name="map" style="margin-right: 10rpx;"></u-icon>
</view> 全国
<view class="site-number"> </view>
共<text>{{ total }}</text>家 <view class="site-number">
</view> 共<text>{{ total }}</text>家
</view> </view>
</view> </view>
</view>
</u-sticky>
<view class="list"> <view class="list">
<view class="label" v-for="(item, index) in lists" @click="$Router.push({name: 'serviceDetails', params: {id: item.hall_id, title: item.title + ' ' + item.subtitle}})"> <view class="label" v-for="(item, index) in lists" :key="index" @click="$Router.push({name: 'serviceDetails', params: {id: item.hall_id, title: item.title + ' ' + item.subtitle}})">
<view class="labelImg"> <view class="labelImg">
<image :src="item.cover" mode="aspectFill"></image> <image :src="item.cover" mode="aspectFill"></image>
</view> </view>
@@ -94,21 +96,17 @@
} }
.status { .status {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 99;
height: 180rpx;
background-color: white; background-color: white;
padding: $padding; padding: 0 $padding $padding;
box-sizing: border-box; box-sizing: border-box;
border-bottom: $border-color 2rpx solid; border-bottom: $border-color 2rpx solid;
.top { .top {
display: flex; display: flex;
margin-bottom: $margin; margin-bottom: $margin;
@extend .ios-top;
.top-name { .top-name {
font-size: $title-size + 6; font-size: $title-size + 6;
font-weight: bold;
} }
.top-card { .top-card {
font-size: $title-size-m; font-size: $title-size-m;