首页调整

master
lion 1 year ago
parent f9be3f2332
commit 02a1ef701e

@ -0,0 +1,90 @@
<template>
<view class="page">
<view class="box1 box" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServiceList/ServiceList',
params: {
type: 1
}
}))">
<image src="~@/static/type1.png" alt="" />
<view>
<view>长护险居家照护</view>
<view>为需要照顾的人提供在家庭环境中的全方位生活照料和支持服务</view>
</view>
</view>
<view class="box2 box" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServeHospital/ServeHospital',
params: {
}
}))">
<image src="~@/static/type2.png" alt="" />
<view>
<view>民政居家援助</view>
<view>政府公益项目</view>
</view>
</view>
<view class="box2 box" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServeHospital/ServeHospital',
params: {
}
}))">
<image src="~@/static/type2.png" alt="" />
<view>
<view>残疾人居家托养</view>
<view>为需要照顾的人提供在家庭环境中的全方位生活照料和支持服务</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
.page {
position: relative;
background-color: #f5efee;
height:100vh;
}
.box {
width: 695rpx;
height: 230rpx;
margin: 25rpx auto;
position: relative;
&>image {
width: 695rpx;
height: 230rpx;
position: absolute;
top: 0;
left: 0;
}
&>view {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 80rpx;
color: #fff;
font-size: 24rpx;
z-index: 1;
width: 380rpx;
&>view:first-child {
font-size: 42rpx;
margin-bottom: 15rpx;
}
}
}
</style>

@ -0,0 +1,79 @@
<template>
<view class="page">
<view class="box1 box" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServiceList/ServiceList',
params: {
type: 1
}
}))">
<image src="~@/static/type1.png" alt="" />
<view>
<view>陪诊服务</view>
<view>提供专业陪伴协助患者就医全过程</view>
</view>
</view>
<view class="box2 box" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServeHospital/ServeHospital',
params: {
}
}))">
<image src="~@/static/type2.png" alt="" />
<view>
<view>就医咨询</view>
<view>快速高效准确帮助患者解答健康问题和疑难杂症</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
}
},
methods: {
}
}
</script>
<style scoped lang="scss">
.page {
position: relative;
background-color: #f5efee;
height:100vh;
}
.box {
width: 695rpx;
height: 230rpx;
margin: 25rpx auto;
position: relative;
&>image {
width: 695rpx;
height: 230rpx;
position: absolute;
top: 0;
left: 0;
}
&>view {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 80rpx;
color: #fff;
font-size: 24rpx;
z-index: 1;
width: 380rpx;
&>view:first-child {
font-size: 42rpx;
margin-bottom: 15rpx;
}
}
}
</style>

@ -0,0 +1,24 @@
<template>
<view>
<web-view :src="link"></web-view>
</view>
</template>
<script>
export default{
data(){
return{
link:'',
}
},
onLoad(options) {
this.link = options.link
},
methods:{
}
}
</script>
<style>
</style>

@ -178,6 +178,27 @@
"navigationBarTitleText": "热门医院",
"enablePullDownRefresh": true
}
},
{
"path": "pages/type/service",
"style": {
"navigationBarTitleText": "就医服务",
"enablePullDownRefresh": true
}
},
{
"path": "pages/type/public",
"style": {
"navigationBarTitleText": "公益服务",
"enablePullDownRefresh": true
}
},
{
"path": "pages/type/webview",
"style": {
"navigationBarTitleText": "公益服务",
"enablePullDownRefresh": true
}
}
]
}

@ -48,7 +48,7 @@
<u-swiper :height="366" :list="banners" name="url"></u-swiper>
</view>
<view class="links-title">
<text></text><text>服务·</text><text class="c3">一站式服务</text>
<text></text><text>整合照护服务</text>
</view>
<view class="links">
<view v-for="item in links" :key="item.text" bg-color="transparent" @click="goLinks(item)">
@ -91,34 +91,33 @@
</view>
<view class="statistics">
<view class="block1" @click="$u.throttle($u.route({
url: '/package_sub/pages/ServiceList/ServiceList',
params: {
type: 1
}
}))">
<view class="text1">陪诊服务</view>
<view class="text2">让就医体验更美好</view>
<view class="order">预约陪诊</view>
<view class="block1">
<view class="text1">助浴人次<text>1</text>+</view>
<view class="text1">照护人数<text>10</text>+</view>
<view class="text1">服务人次<text>100</text>+</view>
<view class="text1">服务小时<text>1000</text>+</view>
<image class="img" src="~@/static/index/block1.png" mode="aspectFit" alt=""></image>
</view>
<view class="block2">
<view class="text1"> <text>142812</text><text>人次</text> </view>
<view class="text2">医院陪护累计</view>
<view class="text1"> <text>40</text><text>人次</text> </view>
<view class="text2">医院陪护</view>
<image class="img" src="~@/static/index/block2.png" mode="aspectFit" alt=""></image>
</view>
<view class="block3">
<view class="text1"> <text>12456</text><text>人次</text> </view>
<view class="text2">居家照护累计</view>
<view class="text1"> <text>50</text><text>人次</text> </view>
<view class="text2">居家照护</view>
<image class="img" src="~@/static/index/block3.png" mode="aspectFit" alt=""></image>
</view>
<view class="block4">
<view class="text1">关于我们</view>
<view class="text1">
<view>联系我们</view>
<view>0519-81191800</view>
</view>
<image class="img" src="~@/static/index/block4.png" mode="aspectFit" alt=""></image>
<image show-menu-by-longpress class="img" src="~@/static/index/code.jpg" mode="aspectFit" alt=""></image>
</view>
</view>
@ -187,29 +186,26 @@
keyword: "",
},
links: [{
text: "陪诊服务",
icon: "/static/index/index1.png",
to: "/package_sub/pages/ServiceList/ServiceList?type=1",
},
{
text: "就医服务",
icon: "/static/index/index2.png",
to: "/package_sub/pages/ServeHospital/ServeHospital",
icon: "/static/index/index1.png",
to: "/package_sub/pages/type/service",
},
{
text: "居家照护",
icon: "/static/index/index3.png",
icon: "/static/index/index2.png",
to: "/package_sub/pages/ServiceList/ServiceList?type=2",
},
{
},{
text: "医院陪护",
icon: "/static/index/index4.png",
icon: "/static/index/index3.png",
appid: 'wx0fee3573c1bb5ca8'
},
{
},{
text: "商城服务",
icon: "/static/index/index5.png",
icon: "/static/index/index4.png",
to: "/package_sub/pages/Shop/Home",
},{
text: "公益服务",
icon: "/static/index/index5.png",
to: "/package_sub/pages/type/webview?link=https://sstt.115.langye.net/admin/#/login?redirect=%2Fdashboard",
},
{
text: "智能AI",
@ -474,7 +470,7 @@
.links-title {
padding: 0 25rpx;
margin-top: calc(43rpx + 25rpx);
margin-top: calc(43rpx + 10rpx);
font-size: 29rpx;
color: #191919;
display: flex;
@ -510,9 +506,10 @@
padding-top: 20rpx;
}
.icon {
height: 130rpx;
.icon {
width: 220rpx;
height: 160rpx;
}
.text {
@ -581,7 +578,7 @@
&__item {
padding: 5rpx 16rpx;
font-size: 22rpx;
font-size: 24rpx;
line-height: 31rpx;
font-weight: 500;
@ -606,7 +603,7 @@
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 22rpx;
font-size: 24rpx;
color: #929196;
font-weight: 500;
margin-top: 16rpx;
@ -638,13 +635,22 @@
#e26165 0%,
#c10d12 94%,
#c10d12 100%);
position: relative;
position: relative;
padding: 55rpx 0 0 20rpx;
.text1 {
color: #fff;
padding: 74rpx 0 0 34rpx;
font-weight: bold;
font-size: 28rpx;
color:#f7dddf;
font-size: 24rpx;
padding-bottom:34rpx;
position: relative;
z-index:1;
&>text{
font-weight: bold;
font-size: 36rpx;
color: #fff;
margin-left:20rpx;
margin-right:5rpx;
}
}
.text2 {
@ -678,9 +684,10 @@
position: relative;
background: linear-gradient(to bottom, #f3d4d4, #f2edf0);
.text1 {
text-align: center;
padding-top: 40rpx;
.text1 {
text-align: center;
padding:0 20rpx;
padding-top: 50rpx;
text:nth-child(1) {
font-size: 36rpx;
@ -689,17 +696,19 @@
}
text:nth-child(2) {
font-size: 18rpx;
font-size: 23rpx;
color: #929196;
font-weight: 500;
font-weight: 500;
margin-left:5rpx;
}
}
.text2 {
font-size: 24rpx;
color: #202020;
font-weight: 500;
padding-top: 20rpx;
font-weight: 500;
padding:0 20rpx;
padding-top: 10rpx;
text-align: center;
}
@ -717,8 +726,9 @@
background: linear-gradient(to bottom, #f7e9dd, #f4f1f1);
.text1 {
text-align: center;
padding-top: 40rpx;
text-align: center;
padding:0 20rpx;
padding-top: 50rpx;
text:nth-child(1) {
font-size: 36rpx;
@ -727,7 +737,7 @@
}
text:nth-child(2) {
font-size: 18rpx;
font-size: 23rpx;
color: #929196;
font-weight: 500;
}
@ -736,8 +746,9 @@
.text2 {
font-size: 24rpx;
color: #202020;
font-weight: 500;
padding-top: 20rpx;
font-weight: 500;
padding: 0 20rpx;
padding-top: 10rpx;
text-align: center;
}
@ -759,18 +770,23 @@
color: #6c70c3;
font-weight: bold;
position: absolute;
left: 39rpx;
left: 20rpx;
top: 50%;
transform: translateY(-50%);
transform: translateY(-50%);
&>view:last-child{
font-size: 26rpx;
color:#202020;
margin-top: 15rpx;
}
}
.img {
position: absolute;
width: 147rpx;
height: 131rpx;
width: 160rpx;
height: 160rpx;
top: 50%;
transform: translateY(-50%);
right: 18rpx;
right: 15rpx;
}
}
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.6 KiB

After

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.4 KiB

After

Width:  |  Height:  |  Size: 8.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.6 KiB

After

Width:  |  Height:  |  Size: 7.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 7.1 KiB

After

Width:  |  Height:  |  Size: 8.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 7.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 51 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

@ -4,7 +4,7 @@ module.exports = {
this.$u.mpShare = {
title: '', // 默认为小程序名称
path: '', // 默认为当前页面路径
imageUrl: '' // 默认为当前页面的截图
imageUrl: '/static/share.jpg' // 默认为当前页面的截图
}
},
onShareAppMessage() {

Loading…
Cancel
Save