From a6cdbcfe28fcc40ebb4919f57d60fb20122e8e57 Mon Sep 17 00:00:00 2001 From: wwl <xchao828@163.com> Date: 星期二, 12 八月 2025 09:10:35 +0800 Subject: [PATCH] 1 --- pagesA/hospIntroduce/hospIntroduce.vue | 220 ++++++++++++++++++++++++------------------------------ 1 files changed, 97 insertions(+), 123 deletions(-) diff --git a/pagesA/hospIntroduce/hospIntroduce.vue b/pagesA/hospIntroduce/hospIntroduce.vue index fb5c8f8..5ed5046 100644 --- a/pagesA/hospIntroduce/hospIntroduce.vue +++ b/pagesA/hospIntroduce/hospIntroduce.vue @@ -1,141 +1,115 @@ <template> - <view class="container"> - <uni-section title="娉惧窛鍘夸汉姘戝尰闄綋妫�涓績" type="line"> - <uni-card :cover="cover" @click="onClick"> - <div class="uni-body"> - <uni-section title="鍖婚櫌绠�浠�" type="line" custom-class="section-title"> - <div style="margin-bottom: 60rpx;"> - 娉惧窛鍘夸汉姘戝尰闄綋妫�涓績鏄泦鍋ュ悍浣撴銆佸仴搴峰挩璇€�佸仴搴疯窡韪�佸仴搴蜂績杩涗负涓�浣撶殑鍏ㄦ柟浣嶇幇浠e寲銆佽鑼冨寲浣撴涓績銆傛嫢鏈夐珮璐ㄩ噺鐨勪笓瀹跺洟闃熴�佷紭鑹殑浣撴璁惧鍜岃垝閫備紭闆呯殑鐜锛屼负鐧惧鎻愪緵鍋ュ悍娴嬭瘎鍜屾寚瀵笺�傚悓鏃讹紝涓績鎻愪緵浼樿川鐨勬鍚庢湇鍔★紝鍙负闇�瑕佽繘姝ユ鏌ョ殑鎮h�呭厤璐归绾︺�佸璇婄瓑锛屼篃鍙负甯歌鐥呫�佸鍙戠梾鎮h�呮彁渚涗笓瀹堕泦涓挩璇€�備綋妫�涓績浣嶄簬鎴戦櫌澶栫妤�13妤硷紝浣撴鏃堕棿鍛ㄤ竴鑷冲懆浜旓紝涓婂崍8:00-12:00锛屼笅鍗�14:30-17:30銆備綋妫�涓績鐜拌鏈夊唴绉戙�佸绉戙�佸绉戙�佺溂绉戙�佽�抽蓟鍠夌銆佸彛鑵旂锛屽潎鍏锋湁涓板瘜涓村簥缁忛獙楠ㄥ共鍖荤敓缁勬垚锛屾姢鐞嗗鍖讳汉 - </div> - <div style="font-size: 30rpx; color: #F5981F;">娓╅Θ鎻愮ず</div> - <div class="tips"> - <div class="tips-title">涓�銆佷綋妫�鍓�</div> - <div class="tips-list"> - <text>1. 棰勭害浣撴鏃惰鎮ㄨ鐪熸牳瀵逛綋妫�浜虹殑韬唤淇℃伅</text> - <text>2. 浣撴褰撳ぉ璇峰姟蹇呮惡甯︿綋妫�浜鸿韩浠借瘉浠�</text> - <text>3. 浣撴鍓嶄竴澶╂櫄椁�19:30浠ュ墠缁撴潫锛�22:00鑷充綋妫�褰撳ぉ閲囪鍓嶇姝㈤ギ姘淬��</text> - <text>4. 浣撴鍓嶄笁鏃ヨ鎮ㄤ笉瑕佸悆楂樿剛绫婚鐗�(濡傝偉鑲夈�佽泲绫�)</text> - <text>5. 妫�鍓嶆櫄8鏃跺悗閬垮厤杩涢鍜屽墽鐑堣繍鍔紝淇濇寔鍏呰冻鐫$湢</text> - <text>6. 浣撴褰撴棩绌鸿吂銆�(蹇呮湇鑽墿闄ゅ)</text> - <text>7. 鏈銆佸凡瀛曘�佺粡鏈熺殑濂虫�ц涓嶈鍋氬绉戞鏌�</text> - <text>8. 涓嶈浣╂埓棣栭グ銆佺┛甯﹂噾灞炴墸鍐呰。鍙婃湁閲戝睘瑁呴グ琛f湇浠ュ厤褰卞搷鏀惧皠妫�鏌ャ��</text> - <text>9. 鎬�瀛曟垨鍑嗗鎬�瀛曠殑濂虫�ц涓嶈鍋歑绾挎鏌�</text> - <text>10. 鎺ュ彈鍓嶅垪鑵烘垨濡囩B瓒�(鏈)</text> - </div> - </div> - </uni-section> - <uni-section title="鑱旂郴鏂瑰紡" type="line" custom-class="section-title"> - 鐢� 璇濓細0933-6410678杞�8097 - </uni-section> - </div> - <div class="share" @click="shareToggle"> - <uni-icons type="heart" size="20" color="#fff"></uni-icons> - <div>鍒嗕韩</div> - </div> - </uni-card> - </uni-section> - <uni-popup ref="share" type="share" safeArea backgroundColor="#fff"> - <uni-popup-share></uni-popup-share> - </uni-popup> - </view> + <view class="container"> + <uni-card :cover="cover" @click="onClick"> + <div class="uni-body"> + <!-- 鍔ㄦ�佹覆鏌� introduction 鍙傛暟 --> + <mp-html :content="introduction" /> + </div> + </uni-card> + + </view> </template> <script> - export default { - data() { - return { - cover: 'https://ltpeis.xaltjdkj.cn:5502/static/images/hosp.png', - //avatar: 'https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png', - extraIcon: { - color: '#4cd964', - size: '22', - type: 'gear-filled' - } - } - }, +import mpHtml from 'mp-html/dist/uni-app/components/mp-html/mp-html'; // 浣跨敤姝g‘鐨勮矾寰� - methods: { - shareToggle() { - this.$refs.share.open() - }, - //璺宠浆椤甸潰 - ComparisonReport() { - uni.navigateTo({ - url: '/pages/ComparisonReport/ComparisonReport' - }) - }, - ReportDetails() { - uni.navigateTo({ - url: '/pages/ReportDetails/ReportDetails' - }) - } - }, - - } +export default { + components: { + mpHtml + }, + data() { + return { + introduction: '', // 榛樿鍊� + extraIcon: { + color: '#4cd964', + size: '22', + type: 'gear-filled' + } + }; + }, + onLoad() { + // 浠庢湰鍦板瓨鍌ㄨ幏鍙� introduction'' + const introduction = uni.getStorageSync('introduction'); + this.introduction = introduction || '' + }, + methods: { + shareToggle() { + this.$refs.share.open(); + }, + onClick() { + console.log('Card clicked'); + } + } +}; </script> + <style lang="scss" scoped> +.container { + padding: 20rpx; +} + +.uni-body { + width: 100%; + min-height: 500rpx; +} + +/* 鍒嗕韩鎸夐挳鏍峰紡 */ .share { - width: 80rpx; - height: 80rpx; - background: #373E58; - padding: 6rpx; - border-radius: 8rpx 8rpx 8rpx 8rpx; - opacity: 0.4; - display: flex; /* 淇锛氭坊鍔� display: flex */ - flex-direction: column; /* 鍨傜洿鎺掑垪 */ - justify-content: center; /* 鍨傜洿灞呬腑 */ - align-items: center; /* 姘村钩灞呬腑 */ - color: #fff; /* 鏂囧瓧棰滆壊璁剧疆涓虹櫧鑹诧紝涓庡浘鏍囦竴鑷� */ - font-size: 24rpx; /* 璋冩暣鏂囧瓧澶у皬 */ - position: fixed; /* 鍥哄畾瀹氫綅 */ - right: 20rpx; /* 璺濈灞忓箷鍙充晶 20rpx */ - top: 50%; /* 鍨傜洿灞呬腑璧风偣 */ - transform: translateY(-50%); /* 鍚戜笂鍋忕Щ鑷韩楂樺害鐨勪竴鍗婏紝瀹炵幇灞呬腑 */ - z-index: 999; /* 纭繚鍦ㄥ叾浠栧厓绱犱箣涓� */ + width: 80rpx; + height: 80rpx; + background: #373E58; + padding: 6rpx; + border-radius: 8rpx; + opacity: 0.4; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + color: #fff; + font-size: 24rpx; + position: fixed; + right: 20rpx; + top: 50%; + transform: translateY(-50%); + z-index: 999; } .share div { + line-height: 16rpx; +} - line-height: 16rpx; +/* 纭繚 mp-html 娓叉煋鐨勫浘鐗囬�傚簲瀹瑰櫒 */ +::v-deep .mp-html img { + max-width: 100%; + height: auto; } -.uni-body { - width: 100%; - min-height: 1560rpx; + +/* 浼樺寲 mp-html 娓叉煋鐨勬枃鏈牱寮� */ +::v-deep .mp-html { + font-size: 28rpx; + line-height: 40rpx; + color: #333; } -.card-actions-item-text { - font-size: 16px; - color: #999; + +/* 鏍囬鏍峰紡 */ +::v-deep .mp-html h1, +::v-deep .mp-html h2, +::v-deep .mp-html h3, +::v-deep .mp-html h4, +::v-deep .mp-html h5, +::v-deep .mp-html h6 { + font-weight: bold; + margin: 20rpx 0; } -.tips { - margin-top: 20rpx; + +/* 鍒楄〃鏍峰紡 */ +::v-deep .mp-html ul, +::v-deep .mp-html ol { + padding-left: 40rpx; } -.tips-title { - font-weight: bold; - font-size: 28rpx; - margin-bottom: 10rpx; -} -.tips-list { - font-size: 26rpx; - line-height: 40rpx; -} -.tips-list text { - display: block; - margin-bottom: 10rpx; -} -.section-title { - ::v-deep .uni-section__head { - display: flex; - align-items: center; - height: auto; - } - ::v-deep .uni-section__head__line { - margin-right: 10rpx; - align-self: flex-start; - } - ::v-deep .uni-section__content-title { - font-weight: bold; - font-size: 28rpx; - line-height: 40rpx; - } + +/* 鍒楄〃椤规牱寮� */ +::v-deep .mp-html li { + margin-bottom: 10rpx; } </style> \ No newline at end of file -- Gitblit v1.8.0