|
@@ -1,8 +1,11 @@
|
|
<template>
|
|
<template>
|
|
<view class="main">
|
|
<view class="main">
|
|
<view class="">
|
|
<view class="">
|
|
- <u-search :clearabled="true" shape="round" @custom="searchvalue" :show-action="true" placeholder="搜索医生姓名、医院名"
|
|
|
|
- v-model="keyword"></u-search>
|
|
|
|
|
|
+ <u-search :clearabled="true" shape="round" search-icon-color="#EEAA3F" @custom="searchvalue" :show-action="true"
|
|
|
|
+ placeholder="搜索医生姓名、医院名" v-model="keyword"></u-search>
|
|
|
|
+ </view>
|
|
|
|
+ <view class="margin-top-sm margin-bottom-sm">
|
|
|
|
+ <official-account></official-account>
|
|
</view>
|
|
</view>
|
|
<view class="indexswiper" style="margin-top: 10rpx;">
|
|
<view class="indexswiper" style="margin-top: 10rpx;">
|
|
<u-swiper :list="configInfo.banners" mode="dot"></u-swiper>
|
|
<u-swiper :list="configInfo.banners" mode="dot"></u-swiper>
|
|
@@ -62,43 +65,22 @@
|
|
<view class="tltleStyle">
|
|
<view class="tltleStyle">
|
|
<u-section title="热门推荐" font-size="40" line-color="#0B73BA" :bold="true" :right="false"></u-section>
|
|
<u-section title="热门推荐" font-size="40" line-color="#0B73BA" :bold="true" :right="false"></u-section>
|
|
</view>
|
|
</view>
|
|
- <view class="cu-card case" style="margin-top: 20rpx;box-shadow: 0 0 50rpx 0 rgba(0, 0, 0, 0.1);">
|
|
|
|
- <view class="cu-item" style="margin: 0;">
|
|
|
|
- <view class="flex justify-between">
|
|
|
|
- <swiper :current="currentindex" @change="slideimg" style="width: 430rpx;height: 430rpx;" :indicator-dots="false"
|
|
|
|
- :autoplay="true" :circular="true" :interval="2000" :duration="1000">
|
|
|
|
- <swiper-item v-for="(item,index) in list" :key="index">
|
|
|
|
- <view class="image">
|
|
|
|
- <image :src="item.image" mode=""></image>
|
|
|
|
- <!-- <view class="cu-bar bg-shadeBottom">
|
|
|
|
- <text class="text-cut">我已天理为凭,踏入这片荒芜,不再受凡人的枷锁遏制。我已天理为凭,踏入这片荒芜,不再受凡人的枷锁遏制。</text>
|
|
|
|
- </view> -->
|
|
|
|
- </view>
|
|
|
|
- </swiper-item>
|
|
|
|
- </swiper>
|
|
|
|
- <view class="margin-left-xs" style="width: 360rpx;">
|
|
|
|
- <image style="width: 100%;height: 50%;" src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"
|
|
|
|
- mode=""></image>
|
|
|
|
- <image style="width: 100%;height: 50%;" src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg"
|
|
|
|
- mode=""></image>
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
- <swiper :current="thumurlCurrent" :disable-touch="true" style="height: 100rpx;" :indicator-dots="false" :vertical="true"
|
|
|
|
- :autoplay="false" :circular="true" :interval="2000" :duration="1000">
|
|
|
|
- <swiper-item v-for="(item,index) in list" :key="index" catchtouchmove="catchTouchMove">
|
|
|
|
- <view class="cu-list menu">
|
|
|
|
- <view class="cu-item">
|
|
|
|
- <!-- <view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view> -->
|
|
|
|
- <view class="content flex-sub">
|
|
|
|
- <view class="text-grey">主标题主标题</view>
|
|
|
|
- <view class="text-gray text-sm flex justify-between">
|
|
|
|
- 第{{index+1}}副标题副标题副标题副标题副标题副标题副标题
|
|
|
|
- </view>
|
|
|
|
- </view>
|
|
|
|
|
|
+ <view class="cu-card case" style="margin-top: 20rpx;background-color: transparent;border-radius: 16rpx;position: relative;">
|
|
|
|
+ <swiper @change="swiperChange" :indicator-dots="false" style="height: 426rpx;border-radius:16rpx;background-color: transparent;"
|
|
|
|
+ :autoplay="true" :interval="3000" :duration="1000" :current="itemcurrent">
|
|
|
|
+ <swiper-item style="background-color: transparent;" v-for="(item,index) in 4" :key="index">
|
|
|
|
+ <view class="cu-item shadow" style="margin: 0;background-color: transparent;height: 100%;">
|
|
|
|
+ <view class="image">
|
|
|
|
+ <image src="https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg" style="height: 426rpx;" mode="heightFix"></image>
|
|
|
|
+ <view class="cu-bar bg-shadeBottom" style="background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0));bottom:44rpx ;">
|
|
|
|
+ <text class="text-cut">我已天理为凭,踏入这片荒芜,不再受凡人的枷锁遏制。我已天理为凭,踏入这片荒芜,不再受凡人的枷锁遏制。</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- </swiper-item>
|
|
|
|
- </swiper>
|
|
|
|
|
|
+ </view>
|
|
|
|
+ </swiper-item>
|
|
|
|
+ </swiper>
|
|
|
|
+ <view class="dots">
|
|
|
|
+ <view :class="index==itemcurrent?'dot active':'dot'" v-for="(item,index) in 4" :key="index"></view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="tltleStyle">
|
|
<view class="tltleStyle">
|
|
@@ -109,7 +91,7 @@
|
|
<view class="base_item">
|
|
<view class="base_item">
|
|
<view class="base_item_zi" @click.stop="gotoinfo" :data-id="item.id">
|
|
<view class="base_item_zi" @click.stop="gotoinfo" :data-id="item.id">
|
|
<view class="base_item_zi_items">
|
|
<view class="base_item_zi_items">
|
|
- <view class="base_item_zi_content" style="height: 225rpx;">
|
|
|
|
|
|
+ <view class="base_item_zi_content" style="height: 241rpx;background-color:#FBFBFB;">
|
|
<image style="width: 120rpx;height: 120rpx;border-radius: 50%;" :src="item.avatar">
|
|
<image style="width: 120rpx;height: 120rpx;border-radius: 50%;" :src="item.avatar">
|
|
</image>
|
|
</image>
|
|
<view class="follow_style" @click.stop="submitCollect" :data-index="index" :data-id="item.id" v-if="item.is_collect==0">
|
|
<view class="follow_style" @click.stop="submitCollect" :data-index="index" :data-id="item.id" v-if="item.is_collect==0">
|
|
@@ -125,15 +107,15 @@
|
|
<text class="text_style" v-for="(itm,index) in item.label" :key="index">{{itm}}</text>
|
|
<text class="text_style" v-for="(itm,index) in item.label" :key="index">{{itm}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="m_gray_small">
|
|
<view class="m_gray_small">
|
|
- 科室:{{item.office.name||'暂无'}} {{item.qualification.name||'暂无'}}
|
|
|
|
|
|
+ 科室:<text style="color:#333333;">{{item.office.name||'暂无'}} {{item.qualification.name||'暂无'}}</text>
|
|
</view>
|
|
</view>
|
|
<view class="flex justify-start align-center flex-wrap" style="position: relative;">
|
|
<view class="flex justify-start align-center flex-wrap" style="position: relative;">
|
|
- <u-tag v-if="item.is_chat==1" style="margin-top:20rpx ; margin-right: 20rpx;" text="图文" shape="circle" mode="dark"
|
|
|
|
- type="info" />
|
|
|
|
- <u-tag v-if="item.is_phone==1" style="margin-top:20rpx ; margin-right: 20rpx;" text="电话" shape="circle" mode="dark"
|
|
|
|
- type="info" />
|
|
|
|
- <u-tag v-if="item.is_appoint==1" style="margin-top:20rpx ; margin-right: 20rpx;" text="门诊" shape="circle"
|
|
|
|
- mode="dark" type="info" />
|
|
|
|
|
|
+ <u-tag bg-color="#F2F2F2" color="#666666" border-color="#F2F2F2" v-if="item.is_chat==1" style="margin-top:20rpx ; margin-right: 20rpx;"
|
|
|
|
+ text="图文" shape="circle" />
|
|
|
|
+ <u-tag bg-color="#F2F2F2" color="#666666" border-color="#F2F2F2" v-if="item.is_phone==1" style="margin-top:20rpx ; margin-right: 20rpx;"
|
|
|
|
+ text="电话" shape="circle" />
|
|
|
|
+ <u-tag bg-color="#F2F2F2" color="#666666" border-color="#F2F2F2" v-if="item.is_appoint==1" style="margin-top:20rpx ; margin-right: 20rpx;"
|
|
|
|
+ text="门诊" shape="circle" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -150,7 +132,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="text-sm" style="flex: 1; text-align: right;">
|
|
<view class="text-sm" style="flex: 1; text-align: right;">
|
|
距离:
|
|
距离:
|
|
- <text style="color: #FF7B72;">{{parseInt(item.distance/1000)||'未知'}}</text>
|
|
|
|
|
|
+ <text style="color: #FF7B72;">{{item.distance!='未知'?parseInt(doctor.distance/1000)+'km':'未知'}}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="doctor_style margin-top-sm">
|
|
<view class="doctor_style margin-top-sm">
|
|
@@ -164,7 +146,7 @@
|
|
</view>
|
|
</view>
|
|
<view class="">
|
|
<view class="">
|
|
服务
|
|
服务
|
|
- <text class="text-red text-bold text-xl">¥{{item.phone_price/100}}</text>
|
|
|
|
|
|
+ <text class="text-red text-bold text-xl" style="margin-right: 6rpx;">¥{{item.phone_price/100}}</text>
|
|
起
|
|
起
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
@@ -224,6 +206,7 @@
|
|
},
|
|
},
|
|
data() {
|
|
data() {
|
|
return {
|
|
return {
|
|
|
|
+ itemcurrent: 0,
|
|
scrollTop: 0,
|
|
scrollTop: 0,
|
|
keyword: "",
|
|
keyword: "",
|
|
loadText: {
|
|
loadText: {
|
|
@@ -261,6 +244,9 @@
|
|
this.getDoctorList()
|
|
this.getDoctorList()
|
|
},
|
|
},
|
|
methods: {
|
|
methods: {
|
|
|
|
+ swiperChange(e) {
|
|
|
|
+ this.itemcurrent = e.detail.current
|
|
|
|
+ },
|
|
catchTouchMove() {
|
|
catchTouchMove() {
|
|
return false
|
|
return false
|
|
},
|
|
},
|
|
@@ -321,10 +307,7 @@
|
|
if (status) {
|
|
if (status) {
|
|
// this.doctorList = res.data.data
|
|
// this.doctorList = res.data.data
|
|
if (this.pageindex > res.data.last_page) {
|
|
if (this.pageindex > res.data.last_page) {
|
|
- uni.showToast({
|
|
|
|
- title: "没有更多了",
|
|
|
|
- icon: "none"
|
|
|
|
- })
|
|
|
|
|
|
+
|
|
} else {
|
|
} else {
|
|
this.doctorList = this.doctorList.concat(res.data.data)
|
|
this.doctorList = this.doctorList.concat(res.data.data)
|
|
this.pageindex++
|
|
this.pageindex++
|
|
@@ -445,6 +428,30 @@
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
+ .dots {
|
|
|
|
+ position: absolute;
|
|
|
|
+ left: 0;
|
|
|
|
+ right: 0;
|
|
|
|
+ bottom: 30rpx;
|
|
|
|
+ display: flex;
|
|
|
|
+ justify-content: center;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .dots .dot {
|
|
|
|
+ margin: 0 8rpx;
|
|
|
|
+ width: 10rpx;
|
|
|
|
+ height: 10rpx;
|
|
|
|
+ background: rgba(0, 0, 0, .3);
|
|
|
|
+ border-radius: 8rpx;
|
|
|
|
+ transition: all .6s;
|
|
|
|
+ }
|
|
|
|
+
|
|
|
|
+ .dots .dot.active {
|
|
|
|
+ width: 24rpx;
|
|
|
|
+ height: 10rpx;
|
|
|
|
+ background: #fff;
|
|
|
|
+ }
|
|
|
|
+
|
|
.gridstyle {
|
|
.gridstyle {
|
|
height: 450rpx;
|
|
height: 450rpx;
|
|
background-color: #fff;
|
|
background-color: #fff;
|
|
@@ -473,8 +480,8 @@
|
|
|
|
|
|
.follow_style {
|
|
.follow_style {
|
|
position: absolute;
|
|
position: absolute;
|
|
- bottom: 60rpx;
|
|
|
|
- left: 38rpx;
|
|
|
|
|
|
+ bottom: 76rpx;
|
|
|
|
+ left: 37rpx;
|
|
z-index: 1;
|
|
z-index: 1;
|
|
width: 106rpx;
|
|
width: 106rpx;
|
|
height: 40rpx;
|
|
height: 40rpx;
|