From a6cdbcfe28fcc40ebb4919f57d60fb20122e8e57 Mon Sep 17 00:00:00 2001
From: wwl <xchao828@163.com>
Date: 星期二, 12 八月 2025 09:10:35 +0800
Subject: [PATCH] 1
---
pages/index.vue | 789 +++++++++++++++++++++++++++----------------------------
1 files changed, 387 insertions(+), 402 deletions(-)
diff --git a/pages/index.vue b/pages/index.vue
index 63185d8..16e0f90 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,436 +1,421 @@
<template>
- <view class="container">
- <image class="bg-image" src="/static/images/index/bg.png" mode="scaleToFill"></image>
- <!-- 杞挱鍥� -->
- <swiper class="swiper-box" circular :indicator-dots="indicatorDots" :current="swiperDotIndex"
- :autoplay="autoplay" :interval="interval" indicator-active-color="#464F72">
- <swiper-item v-for="(item, index) in datas" :key="index">
- <view class="swiper-item" @click="clickBannerItem(item)">
- <image :src="item" mode="aspectFill" :draggable="false" />
- </view>
- </swiper-item>
- </swiper>
- <div class="title">甯哥敤鍔熻兘</div>
- <div class="gongnengbox">
- <div class="item item-4" style="position: relative;">
- <image style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
- src="/static/images/index/shouye4.png" mode="scaleToFill"></image>
- <image
- style="width: 53rpx; height: 64rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
- src="/static/images/index/yue.png" mode="scaleToFill"></image>
- <div class="name name-4">鍋ュ悍棰勭害</div>
- <div class="text" @click="toReservation()">
- <div class="text-4">鍘婚绾�</div>
- </div>
- </div>
- <div class="item item-1" style="position: relative;">
- <image style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
- src="/static/images/index/shouye1.png" mode="scaleToFill"></image>
- <image
- style="width: 89rpx; height: 72rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
- src="/static/images/index/zuo.png" mode="scaleToFill"></image>
- <div class="name name-1">鎴戠殑鎶ュ憡</div>
- <div class="text" @click="goMyreport('/pagesA/ReportOverview/ReportOverview')">
- <div class="text-1">鍘绘煡鐪�</div>
- </div>
- </div>
- <div class="item item-2" @click="gorelatives('/pagesA/friendReport/friendReport')"
- style="position: relative;">
- <image style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
- src="/static/images/index/shouye2.png" mode="scaleToFill"></image>
- <image
- style="width: 91rpx; height: 81rpx; position: absolute; bottom: 0; left: 53%; transform: translate(-50%); z-index: -1;"
- src="/static/images/index/zhong.png" mode="scaleToFill"></image>
- <div class="name name-2">浜插弸鏌ヨ</div>
- <div class="text">
- <div class="text-2">鍘绘煡鐪�</div>
- </div>
- </div>
- <div class="item item-3" style="position: relative;"
- @click="showHospIntroduce('/pagesA/hospIntroduce/hospIntroduce')">
- <div class="name name-3">鏈烘瀯绠�浠�</div>
- <image style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
- src="/static/images/index/shouye3.png" mode="scaleToFill"></image>
- <image
- style="width: 79.14rpx; height: 78.54rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
- src="/static/images/index/you.png" mode="scaleToFill"></image>
- <div class="text">
- <div class="text-3">鍘绘煡鐪�</div>
- </div>
- </div>
- </div>
- <div class="title">鍋ュ悍鏌ヤ綋椤荤煡</div>
- <div class="jiankangbox">
- <div class="jiankang">
- <u-collapse>
- <u-collapse-item title="濡備綍鍋ュ悍棰勭害" icon="/static/images/index/妫�鏌ヨ褰�.png">
- <text class="u-collapse-content">鍦ㄥ簳閮ㄨ彍鍗曟爮涓�夋嫨濂楅锛岀‘璁ゆ偍閫夋嫨鐨勫椁愶紝绔嬪嵆棰勭害銆傛垨鐢佃瘽棰勭害锛氭嫧鎵撳懠鍙腑蹇�
- 09336410678杞�8097(宸ヤ綔鏃堕棿锛氬懆涓�鑷冲懆浜旓紝涓婂崍8:00-12:00锛屼笅鍗�14:30-17:30)</text>
- </u-collapse-item>
- </u-collapse>
-
- </div>
- <div class="jiankang">
- <u-collapse>
- <u-collapse-item title="鍋ュ悍缁撴灉閰嶉�佽鏄�" icon="/static/images/index/妫�鏌ヨ褰�.png">
- <text class="u-collapse-content">鍦ㄥ簳閮ㄨ彍鍗曟爮涓�夋嫨濂楅锛岀‘璁ゆ偍閫夋嫨鐨勫椁愶紝绔嬪嵆棰勭害銆傛垨鐢佃瘽棰勭害锛氭嫧鎵撳懠鍙腑蹇�
- 09336410678杞�8097(宸ヤ綔鏃堕棿锛氬懆涓�鑷冲懆浜旓紝涓婂崍8:00-12:00锛屼笅鍗�14:30-17:30)</text>
- </u-collapse-item>
- </u-collapse>
-
- </div>
- </div>
- <div class="zhichi">@鎶�鏈敮鎸侊細璺嘲绉戞妧鏈夐檺鍏徃</div>
- </view>
+ <view class="container">
+ <image class="bg-image" src="/static/images/index/bg.png" mode="scaleToFill"></image>
+ <!-- 杞挱鍥� -->
+ <swiper
+ class="swiper-box"
+ circular
+ :indicator-dots="indicatorDots"
+ :current="swiperDotIndex"
+ :autoplay="autoplay"
+ :interval="interval"
+ indicator-active-color="#464F72"
+ >
+ <swiper-item v-for="(item, index) in datas" :key="index">
+ <view class="swiper-item" @click="clickBannerItem(item)">
+ <image :src="item" mode="aspectFill" :draggable="false" />
+ </view>
+ </swiper-item>
+ </swiper>
+ <div class="title">甯哥敤鍔熻兘</div>
+ <div class="gongnengbox">
+ <div class="item item-4" style="position: relative;">
+ <image
+ style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
+ src="/static/images/index/shouye4.png"
+ mode="scaleToFill"
+ ></image>
+ <image
+ style="width: 53rpx; height: 64rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
+ src="/static/images/index/yue.png"
+ mode="scaleToFill"
+ ></image>
+ <div class="name name-4">鍋ュ悍棰勭害</div>
+ <div class="text" @click="toReservation()">
+ <div class="text-4">鍘婚绾�</div>
+ </div>
+ </div>
+ <div class="item item-1" style="position: relative;">
+ <image
+ style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
+ src="/static/images/index/shouye1.png"
+ mode="scaleToFill"
+ ></image>
+ <image
+ style="width: 89rpx; height: 72rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
+ src="/static/images/index/zuo.png"
+ mode="scaleToFill"
+ ></image>
+ <div class="name name-1">鎴戠殑鎶ュ憡</div>
+ <div class="text" @click="goMyreport('/pagesA/Examiner/Examiner')">
+ <div class="text-1">鍘绘煡鐪�</div>
+ </div>
+ </div>
+ <div class="item item-2" @click="gorelatives('/pagesA/friendReport/friendReport')" style="position: relative;">
+ <image
+ style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
+ src="/static/images/index/shouye2.png"
+ mode="scaleToFill"
+ ></image>
+ <image
+ style="width: 91rpx; height: 81rpx; position: absolute; bottom: 0; left: 53%; transform: translate(-50%); z-index: -1;"
+ src="/static/images/index/zhong.png"
+ mode="scaleToFill"
+ ></image>
+ <div class="name name-2">浜插弸鏌ヨ</div>
+ <div class="text">
+ <div class="text-2">鍘绘煡鐪�</div>
+ </div>
+ </div>
+ <div class="item item-3" style="position: relative;" @click="showHospIntroduce('/pagesA/hospIntroduce/hospIntroduce')">
+ <image
+ style="width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1;"
+ src="/static/images/index/shouye3.png"
+ mode="scaleToFill"
+ ></image>
+ <image
+ style="width: 79.14rpx; height: 78.54rpx; position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: -1;"
+ src="/static/images/index/you.png"
+ mode="scaleToFill"
+ ></image>
+ <div class="name name-3">鏈烘瀯绠�浠�</div>
+ <div class="text">
+ <div class="text-3">鍘绘煡鐪�</div>
+ </div>
+ </div>
+ </div>
+ <div class="title">鍋ュ悍鏌ヤ綋椤荤煡</div>
+ <div class="jiankangbox">
+ <div class="jiankang">
+ <u-collapse>
+ <u-collapse-item title="濡備綍鍋ュ悍棰勭害" icon="/static/images/index/妫�鏌ヨ褰�.png">
+ <text class="u-collapse-content">
+ 鍦ㄥ簳閮ㄨ彍鍗曟爮涓�夋嫨濂楅锛岀‘璁ゆ偍閫夋嫨鐨勫椁愶紝绔嬪嵆棰勭害銆傛垨鐢佃瘽棰勭害锛氭嫧鎵撳懠鍙腑蹇�
+ 09336410678杞�8097(宸ヤ綔鏃堕棿锛氬懆涓�鑷冲懆浜旓紝涓婂崍8:00-12:00锛屼笅鍗�14:30-17:30)
+ </text>
+ </u-collapse-item>
+ </u-collapse>
+ </div>
+ <div class="jiankang">
+ <u-collapse>
+ <u-collapse-item title="鍋ュ悍缁撴灉閰嶉�佽鏄�" icon="/static/images/index/妫�鏌ヨ褰�.png">
+ <text class="u-collapse-content">
+ 鍦ㄥ簳閮ㄨ彍鍗曟爮涓�夋嫨濂楅锛岀‘璁ゆ偍閫夋嫨鐨勫椁愶紝绔嬪嵆棰勭害銆傛垨鐢佃瘽棰勭害锛氭嫧鎵撳懠鍙腑蹇�
+ 09336410678杞�8097(宸ヤ綔鏃堕棿锛氬懆涓�鑷冲懆浜旓紝涓婂崍8:00-12:00锛屼笅鍗�14:30-17:30)
+ </text>
+ </u-collapse-item>
+ </u-collapse>
+ </div>
+ </div>
+ <div class="zhichi">@鎶�鏈敮鎸侊細璺嘲绉戞妧鏈夐檺鍏徃</div>
+ </view>
</template>
-
<script>
- import {
- getBannerList,
- isStartYy
- } from "@/api/system/banner";
- export default {
- /* onLoad: function() {
- } */
- components: {},
- data() {
- return {
- datas: [],
- value: ['0'],
- accordionVal: '1',
- content: '鎶樺彔鍐呭涓讳綋锛屽彲鑷畾涔夊唴瀹瑰強鏍峰紡锛岀偣鍑绘寜閽慨鏀瑰唴瀹逛娇楂樺害鍙戠敓鍙樺寲銆�',
- extraIcon: {
- color: '#4cd964',
- size: '26',
- type: 'image'
- },
- autoplay: true,
- interval: 2000,
- token: "",
- indicatorDots: true,
- // current: true,
- swiperDotIndex: 0,
- }
- },
- //鐢熷懡鍛ㄦ湡鏂规硶 鈥斺�� 椤甸潰鍔犺浇鏃�
- onLoad() {
- this.token = this.$store.state.user.token
- this.getList();
- },
- methods: {
- /** 鏌ヨ杞挱鍥惧垪琛� */
- getList() {
- getBannerList(this.queryParams).then((response) => {
- this.data = response.data;
- this.data.forEach(item => {
- let part = item.image.slice(23);
- let parts = 'http://115.85.230.71:15002/' + part;
- this.datas.push(parts)
- })
- });
- },
- add() {
- if (this.content.length > 35) {
- this.content = '鎶樺彔鍐呭涓讳綋锛屽彲鑷畾涔夊唴瀹瑰強鏍峰紡锛岀偣鍑绘寜閽慨鏀瑰唴瀹逛娇楂樺害鍙戠敓鍙樺寲銆�'
- } else {
- this.content = '鎶樺彔鍐呭涓讳綋锛岃繖鏄竴娈垫瘮杈冮暱鍐呭銆傞�氳繃鐐瑰嚮鎸夐挳淇敼鍚庡唴瀹瑰悗锛屼娇缁勪欢楂樺害鍙戠敓鍙樺寲锛屽湪娆＄偣鍑绘寜閽仮澶嶄箣鍓嶇殑鍐呭鍜岄珮搴︺��'
- }
- // TODO 灏忕▼搴忎腑涓嶆敮鎸佽嚜鍔ㄦ洿鏂� 锛岄渶瑕佹墜鍔╮esize 鏇存柊缁勪欢楂樺害
- // #ifdef MP
- this.$nextTick(() => {
- this.$refs.collapse.resize()
- })
- // #endif
- },
- onClick(e) {
- uni.showToast({
- title: '鍒楄〃琚偣鍑�'
- })
- },
- change(e) {
- // console.log(e);
- },
- toReservation() {
+import { getBannerList, isStartYy } from "@/api/system/banner";
- if (this.token) {
- uni.navigateTo({
- url: '/pagesA/appointment/appointment'
- })
- // isStartYy().then((response) => {
- // if (response.msg == "Y") {
- // uni.navigateTo({
- // url: '/pagesA/appointment/appointment'
- // })
- // } else {
- // this.$modal.showToast('妯″潡寤鸿涓瓇')
- // }
- // });
-
- } else {
- uni.navigateTo({
- url: `/pages/login`
- })
- }
- },
- goMyreport(canshu) {
- uni.navigateTo({
- url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
- })
- },
- gorelatives(canshu) {
- uni.navigateTo({
- url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
- })
- },
- showHospIntroduce(canshu) {
- uni.navigateTo({
- url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
- })
- },
- showFriendReport(canshu) {
- if (this.token) {
- uni.navigateTo({
- url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
- })
- // uni.navigateTo({
- // url: '/pagesA/friendReport/friendReport'
- // })
- } else {
- uni.navigateTo({
- url: `/pages/login`
- })
- }
-
- },
- report(canshu) {
- if (this.token) {
- uni.navigateTo({
- url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
- })
- // uni.navigateTo({
- // url: '/pagesA/ReportOverview/ReportOverview'
- // })
- } else {
- uni.navigateTo({
- url: `/pages/login`
- })
- }
-
- },
- clickBannerItem(item) {
- console.info(item)
- },
- changeSwiper(e) {
- this.current = e.detail.current
- },
- }
- }
+export default {
+ data() {
+ return {
+ datas: [],
+ value: ['0'],
+ accordionVal: '1',
+ content: '鎶樺彔鍐呭涓讳綋锛屽彲鑷畾涔夊唴瀹瑰強鏍峰紡锛岀偣鍑绘寜閽慨鏀瑰唴瀹逛娇楂樺害鍙戠敓鍙樺寲銆�',
+ extraIcon: {
+ color: '#4cd964',
+ size: '26',
+ type: 'image'
+ },
+ autoplay: true,
+ interval: 2000,
+ token: "",
+ indicatorDots: true,
+ swiperDotIndex: 0,
+ };
+ },
+ onLoad() {
+ this.token = this.$store.state.user.token;
+ this.getList();
+ },
+ methods: {
+ /** 鏌ヨ杞挱鍥惧垪琛� */
+ getList() {
+ getBannerList(this.queryParams).then((response) => {
+ this.data = response.data;
+ this.data.forEach(item => {
+ let part = item.image.slice(23);
+ let parts = 'http://115.85.230.71:15002/' + part;
+ this.datas.push(parts);
+ });
+ });
+ },
+ add() {
+ if (this.content.length > 35) {
+ this.content = '鎶樺彔鍐呭涓讳綋锛屽彲鑷畾涔夊唴瀹瑰強鏍峰紡锛岀偣鍑绘寜閽慨鏀瑰唴瀹逛娇楂樺害鍙戠敓鍙樺寲銆�';
+ } else {
+ this.content = '鎶樺彔鍐呭涓讳綋锛岃繖鏄竴娈垫瘮杈冮暱鍐呭銆傞�氳繃鐐瑰嚮鎸夐挳淇敼鍚庡唴瀹瑰悗锛屼娇缁勪欢楂樺害鍙戠敓鍙樺寲锛屽湪娆＄偣鍑绘寜閽仮澶嶄箣鍓嶇殑鍐呭鍜岄珮搴︺��';
+ }
+ // #ifdef MP
+ this.$nextTick(() => {
+ this.$refs.collapse.resize();
+ });
+ // #endif
+ },
+ onClick(e) {
+ uni.showToast({
+ title: '鍒楄〃琚偣鍑�'
+ });
+ },
+ change(e) {
+ // console.log(e);
+ },
+ toReservation() {
+ if (this.token) {
+ uni.navigateTo({
+ url: '/pagesA/appointment/appointment'
+ });
+ } else {
+ uni.navigateTo({
+ url: '/pages/login'
+ });
+ }
+ },
+ goMyreport(canshu) {
+ uni.navigateTo({
+ url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}&id=3`
+ });
+ },
+ gorelatives(canshu) {
+ uni.navigateTo({
+ url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
+ });
+ },
+ showHospIntroduce(canshu) {
+ uni.navigateTo({
+ url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
+ });
+ },
+ showFriendReport(canshu) {
+ if (this.token) {
+ uni.navigateTo({
+ url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
+ });
+ } else {
+ uni.navigateTo({
+ url: '/pages/login'
+ });
+ }
+ },
+ report(canshu) {
+ if (this.token) {
+ uni.navigateTo({
+ url: `/pagesB/mine/xuanzeyuanqv/xuanzeyuanqv?canshu=${canshu}`
+ });
+ } else {
+ uni.navigateTo({
+ url: '/pages/login'
+ });
+ }
+ },
+ clickBannerItem(item) {
+ console.info(item);
+ },
+ changeSwiper(e) {
+ this.current = e.detail.current;
+ },
+ }
+};
</script>
+
<style lang="scss" scoped>
- .jiankangbox {
- margin-bottom: 32rpx;
- }
+.jiankangbox {
+ margin-bottom: 32rpx;
+}
- .jiankang {
- margin-bottom: 6rpx;
- background: linear-gradient(90deg, #FFFFFF 0%, #FCFFFE 100%);
- border-radius: 12rpx 12rpx 12rpx 12rpx;
- }
+.jiankang {
+ margin-bottom: 6rpx;
+ background: linear-gradient(90deg, #FFFFFF 0%, #FCFFFE 100%);
+ border-radius: 12rpx 12rpx 12rpx 12rpx;
+}
- ::v-deep .u-collapse-item__content__text {
- padding-top: 8rpx !important;
- }
+::v-deep .u-collapse-item__content__text {
+ padding-top: 8rpx !important;
+}
- ::v-deep .u-collapse-content {
+::v-deep .u-collapse-content {
+ font-size: 26rpx !important;
+ color: #565860 !important;
+}
- font-size: 26rpx !important;
- color: #565860 !important;
- }
+::v-deep .u-line {
+ border: none !important;
+}
- ::v-deep .u-line {
- border: none !important;
- }
+::v-deep .u-cell__body {
+ padding: 37rpx 31rpx 36rpx 43rpx !important;
+}
- ::v-deep .u-cell__body {
- padding: 37rpx 31rpx 36rpx 43rpx !important;
- }
+::v-deep .u-icon__img {
+ width: 31rpx !important;
+ height: 36rpx !important;
+ margin-right: 17rpx !important;
+}
- ::v-deep .u-icon__img {
- width: 31rpx !important;
- height: 36rpx !important;
- margin-right: 17rpx !important;
- }
+::v-deep .u-cell__title-text {
+ font-size: 28rpx;
+ color: #373E58;
+ line-height: 39rpx;
+}
- ::v-deep .u-cell__title-text {
+::v-deep .u-icon__icon {
+ font-size: 32rpx !important;
+}
- font-size: 28rpx;
- color: #373E58;
- line-height: 39rpx;
- }
+.container {
+ position: relative;
+ min-height: 100vh;
+ padding: 44rpx 24rpx 20rpx;
+}
- ::v-deep .u-icon__icon {
- font-size: 32rpx !important;
- }
+.bg-image {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: 100vw;
+ height: 100vh;
+ z-index: -1;
+ left: 50%;
+ transform: translateX(-50%);
+ object-fit: cover;
+}
- .container {
- position: relative;
- min-height: 100vh;
- padding: 44rpx 24rpx 20rpx;
- }
+.swiper-box {
+ margin-bottom: 56rpx;
+}
- .bg-image {
- position: absolute;
- top: 0;
- left: 0;
- width: 100vw;
- height: 100vh;
- z-index: -1;
- left: 50%;
- transform: translateX(-50%);
- object-fit: cover;
- }
+.swiper-item {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 310rpx;
+}
- .swiper-box {
- margin-bottom: 56rpx;
- }
+.title {
+ font-weight: bold;
+ font-size: 32rpx;
+ color: #303339;
+ line-height: 45rpx;
+ margin-left: 24rpx;
+ margin-bottom: 41rpx;
+}
- .swiper-item {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- height: 310rpx;
- }
+.zhichi {
+ font-weight: 300;
+ font-size: 24rpx;
+ color: #B4B4B4;
+ line-height: 34rpx;
+ text-align: center;
+}
- .title {
- font-weight: bold;
- font-size: 32rpx;
- color: #303339;
- line-height: 45rpx;
- margin-left: 24rpx;
- margin-bottom: 41rpx;
- }
+.gongnengbox {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ margin-bottom: 64rpx;
- .zhichi {
- font-weight: 300;
- font-size: 24rpx;
- color: #B4B4B4;
- line-height: 34rpx;
- text-align: center;
+ .item {
+ width: 164rpx;
+ height: 199rpx;
+ padding: 24rpx 40rpx 0;
- }
+ .name {
+ margin-bottom: 20rpx;
+ width: 100rpx;
+ height: 23rpx;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: bold;
+ font-size: 24rpx;
+ line-height: 32rpx;
+ text-align: center;
+ }
- .gongnengbox {
- display: flex;
- justify-content: space-between;
- align-items: center;
- margin-bottom: 64rpx;
+ .text {
+ padding: 6rpx 5rpx;
+ text-align: center;
+ }
+ }
- .item {
- width: 164rpx;
- height: 199rpx;
- padding: 24rpx 40rpx 0;
+ .item-4 {
+ .name-4 {
+ color: #F5981F;
+ }
- .name {
+ .text-4 {
+ background: linear-gradient(89deg, #F5981F 0%, #FFD092 100%);
+ border-radius: 19rpx 19rpx 19rpx 19rpx;
+ width: 84rpx;
+ height: 27rpx;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 20rpx;
+ color: #F2F7FF;
+ line-height: 27rpx;
+ }
+ }
- // font-weight: bold;
- // font-size: 23rpx;
- margin-bottom: 20rpx;
- width: 100rpx;
- height: 23rpx;
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: bold;
- font-size: 24rpx;
- line-height: 32rpx;
- text-align: center;
- // font-style: normal;
- // text-transform: none;
- }
+ .item-1 {
+ .name-1 {
+ color: #1482EF;
+ }
- .text {
- padding: 6rpx 5rpx;
- text-align: center;
- }
- }
+ .text-1 {
+ background: linear-gradient(89deg, #419FFD 0%, #8EC7FF 100%);
+ border-radius: 19rpx 19rpx 19rpx 19rpx;
+ width: 84rpx;
+ height: 27rpx;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 20rpx;
+ color: #F2F7FF;
+ line-height: 27rpx;
+ }
+ }
- .item-4 {
- .name-4 {
+ .item-2 {
+ .name-2 {
+ color: #00AB80;
+ }
- color: #F5981F;
- }
+ .text-2 {
+ background: linear-gradient(89deg, #07DBA5 0%, #3BE8BC 100%);
+ border-radius: 19rpx 19rpx 19rpx 19rpx;
+ width: 84rpx;
+ height: 27rpx;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 20rpx;
+ color: #F2F7FF;
+ line-height: 27rpx;
+ }
+ }
- .text-4 {
- background: linear-gradient(89deg, #F5981F 0%, #FFD092 100%);
- border-radius: 19rpx 19rpx 19rpx 19rpx;
- width: 84rpx;
- height: 27rpx;
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: 400;
- font-size: 20rpx;
- color: #F2F7FF;
- line-height: 27rpx;
- }
- }
+ .item-3 {
+ .name-3 {
+ color: #00BCE4;
+ }
- .item-1 {
- .name-1 {
-
- color: #1482EF;
- /* First name in red */
- }
-
- .text-1 {
- background: linear-gradient(89deg, #419FFD 0%, #8EC7FF 100%);
- border-radius: 19rpx 19rpx 19rpx 19rpx;
- width: 84rpx;
- height: 27rpx;
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: 400;
- font-size: 20rpx;
- color: #F2F7FF;
- line-height: 27rpx;
- }
- }
-
- .item-2 {
- .name-2 {
- color: #00AB80;
- /* Second name in blue */
- }
-
- .text-2 {
-
- background: linear-gradient(89deg, #07DBA5 0%, #3BE8BC 100%);
- border-radius: 19rpx 19rpx 19rpx 19rpx;
- width: 84rpx;
- height: 27rpx;
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: 400;
- font-size: 20rpx;
- color: #F2F7FF;
- line-height: 27rpx;
- }
- }
-
- .item-3 {
- .name-3 {
- color: #00BCE4;
- /* Default color for third name, or customize as needed */
- }
-
- .text-3 {
- background: linear-gradient(89deg, #2ABFF1 0%, #75DCFF 100%);
- border-radius: 19rpx 19rpx 19rpx 19rpx;
- width: 84rpx;
- height: 27rpx;
- font-family: Source Han Sans CN, Source Han Sans CN;
- font-weight: 400;
- font-size: 20rpx;
- color: #F2F7FF;
- line-height: 27rpx;
- }
- }
-
- }
+ .text-3 {
+ background: linear-gradient(89deg, #2ABFF1 0%, #75DCFF 100%);
+ border-radius: 19rpx 19rpx 19rpx 19rpx;
+ width: 84rpx;
+ height: 27rpx;
+ font-family: Source Han Sans CN, Source Han Sans CN;
+ font-weight: 400;
+ font-size: 20rpx;
+ color: #F2F7FF;
+ line-height: 27rpx;
+ }
+ }
+}
</style>
\ No newline at end of file
--
Gitblit v1.8.0