This commit is contained in:
曹辉 2023-02-24 14:48:51 +08:00
parent e5c695b936
commit 846b6eddc2

View File

@ -1,8 +1,6 @@
<template> <template>
<view class="app"> <view class="app">
<!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> --> <!-- <u-swiper :list="swiperImgUrls" effect3d='true' height='400' interval='5000' duration='2000'></u-swiper> -->
<!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" <!-- <swiper class="swiper-block" :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000"
:circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange"> :circular='true' previous-margin='90rpx' next-margin='90rpx' current='0' @change="swiperChange">
<swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls"> <swiper-item class="swiper-item" v-for="(item,index) in swiperImgUrls">
@ -12,8 +10,8 @@
</swiper> --> </swiper> -->
<view class="container"> <view class="container">
<view> <view>
<swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="80rpx" <swiper :indicator-dots="true" :current="currentIndex" :circular="true" previous-margin="55rpx"
next-margin="80rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true" next-margin="55rpx" :autoplay="autoplay" interval="3000" duration="1000" show-center-play-btn="true"
class="swiper-block" circular='true' @change="swiperChange"> class="swiper-block" circular='true' @change="swiperChange">
<swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item"> <swiper-item v-for="(item ,index) in swiperImgUrls" :key="index" class="swiper-item">
<view v-show="!splits(item)" wx-if="{item}"> <view v-show="!splits(item)" wx-if="{item}">
@ -32,8 +30,6 @@
</swiper> </swiper>
</view> </view>
</view> </view>
<view class="items"> <view class="items">
<view class="item" @tap="gosite"> <view class="item" @tap="gosite">
<image src="../../static/hlz.png" mode=""></image> <image src="../../static/hlz.png" mode=""></image>
@ -190,7 +186,7 @@
godiseasemanagement() { godiseasemanagement() {
uni.navigateToMiniProgram({ uni.navigateToMiniProgram({
appId: 'wxa690d053c34ceebd', appId: 'wxa690d053c34ceebd',
path: '/pages/index/index?id=123', path: '/pages/index/index',
extraData: { extraData: {
from: 'qy' from: 'qy'
}, },
@ -198,9 +194,6 @@
console.log(res) console.log(res)
} }
}) })
// uni.navigateTo({
// url: '/pages/diseasemanagement/diseasemanagement'
// })
}, },
// //
gomedicine() { gomedicine() {
@ -275,9 +268,14 @@
</script> </script>
<style lang="scss"> <style lang="scss">
.app { .app {
padding: 100rpx 0 0 0; padding: 0 0 0 0;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
.container {
padding-top: 100rpx;
background-color: #fff
}
.swiper-block { .swiper-block {
height: 500rpx; height: 500rpx;
width: 100%; width: 100%;
@ -292,16 +290,16 @@
} }
.slide-image { .slide-image {
height: 300rpx; height: 270rpx;
width: 520rpx; width: 580rpx;
border-radius: 9rpx; border-radius: 9rpx;
box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 30rpx rgba(0, 0, 0, 0.2);
margin: 0rpx 30rpx; margin: 0 0 0 30rpx;
z-index: 1; z-index: 1;
} }
.active { .active {
transform: scale(1.2); transform: scale(1.10);
transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s;
z-index: 20; z-index: 20;
} }
@ -381,6 +379,9 @@
left: 0; left: 0;
width: 65%; width: 65%;
font-size: 30rpx; font-size: 30rpx;
// overflow: hidden;
// text-overflow: ellipsis;
// white-space: nowrap;
} }
} }
} }