From 809a1ce4e0819f9accf8ba8e8a821fbd1929a7d7 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Thu, 7 Dec 2023 16:49:23 +0800 Subject: [PATCH 1/7] gx --- src/views/znyt.vue | 28 +++++++++++++++++++--------- 1 file changed, 19 insertions(+), 9 deletions(-) diff --git a/src/views/znyt.vue b/src/views/znyt.vue index b9a47db..18063d1 100644 --- a/src/views/znyt.vue +++ b/src/views/znyt.vue @@ -43,7 +43,9 @@
-
+
+
+
@@ -172,7 +174,7 @@ const records = reactive({ position: absolute; top: 0; left: 0; - width: 70px; + min-width: 70px; height: 24px; background: #457aff; opacity: 1; @@ -196,9 +198,11 @@ const records = reactive({ font-weight: 600; color: #333333; line-height: 24px; - // white-space: nowrap; overflow: hidden; - // text-overflow: ellipsis; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; } .time { margin-top: 24px; @@ -228,7 +232,7 @@ const records = reactive({ padding-top: 0; // overflow: hidden; background-color: #ffffff; - height: 68vh; + // height:calc(100vh - 150px); .main-t { display: flex; align-items: center; @@ -263,9 +267,10 @@ const records = reactive({ .list { // box-sizing: border-box; width: 100vw; - height: 59vh; + height: calc(100vh - 280px); + background-color: #ffffff; overflow: auto; - // border: 1px solid yellow; + // border: 1px solid yellow; } } } @@ -280,13 +285,18 @@ const records = reactive({ ::-webkit-scrollbar { display: none; } +.container { + display: flex; + justify-content: center; + align-items: center; +} .line { - width: 100vw; + width: calc(100vw - 32px); height: 0px; border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid #f1f1f1; - margin-top: 16px; + margin-top: 12px; margin-bottom: 16px; text-align: center; } From 47cee406bce2db2e123d1342cadbe2602a90ec39 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 7 Dec 2023 17:15:51 +0800 Subject: [PATCH 2/7] 1 --- src/assets/home/wdwz.png | Bin 0 -> 1401 bytes src/views/HomeView.vue | 277 +++++++++++++++++++++++++++++++++++++-- vite.config.js | 3 + 3 files changed, 268 insertions(+), 12 deletions(-) create mode 100644 src/assets/home/wdwz.png diff --git a/src/assets/home/wdwz.png b/src/assets/home/wdwz.png new file mode 100644 index 0000000000000000000000000000000000000000..188414627fa274f3d2b2742059142cf2f43306e4 GIT binary patch literal 1401 zcmV-<1%~>GP)Px)Gf6~2R9Hvtmu+ZURT#(r_ukx_mv(8orY=?du+fc9VXh`-sdU#N;tPVHj_GP; zvsl*YP!#O!bcjq>?FU7iu2QH|x7Ep15QZWmGcESTbS)cWI7bykm#lVMvZi^xIr7{k zqg`I^ZJNP8?7$`D-g}<&yZ>{}^ZXBo>%4K-IUh<1NU`W*>5tC*E=Yrg0`dR^0Q5^& zCLY11(wCBkE(*99K@7yjTno?j*N_qw9B&m2Y}?PWuVn{UTcux zB){MP^pYh@-Um?56a~s}14xaJAT@CsEObE~kgKc$ck5CJtKAUpY6K@rbUW(z`?uEA z)byp*q$Qx)^eU*rg+ie>7A;!TK~a-KzaaU|ez1#Eg$J?PAZ}=Z!QH67cj?llPOH`W zrd~+BfYP~h=bEakt3M^x5{G)B9Q|JN>u0|p$oE6s*a}V%5C{ZX9S+Cm0ODFf^Z*Kj zgM%wP9?vlVruhDDDBd5n;^urVta}JjQ!5x_;emkxw=B!QYi%4ofW~Mv`nAz$e3;f- zyyv~5;4+=WmKS00+=ECYa?oP2w4_zcn}W0ed9T-7w|4E?lPnQOw4)6OU0e_#XRCs- zvzw+mIXpb<^msfc3#q6DC*Wm;8(5!6a}eM$C3DU zKbZfYobP8;3YEj61r(napz@v1kOb z-R(Icg*zJ{wY`EwB5_obqz3`S@^KVWke-292GGFp81W4t~%ov-d5h88tfmC*GHGOyhoN=yt86tJv zKL2DkJkP`2eOOJW9LH5q_+kJF-ohB8U17)z_|cb{N|6OZ(;R)_sX~C@IIe6VfHcKt zc%HvG(%uT>s2b9?9S~Nza!>KtFyedP&7R__YM44dp?nzNd46fJQ>>P^%qEFOsP-m$KggeE9&HA{@(w`YFQ=KqpXE<8o43Jm z_q_;(Lc1y|Dt0X-&G0^-?{=rtd5kHFA=c5RZ4R{3xYY&|C2CQ^(9qCr4Gj%c?(#Yt ztwc@38E0l@dd+5YQy~?#xUQ7CXJ1yG4S7V9$@F-k97uii0A|brW$E(x!Jc_LnGBpD zKLDwD3;m7u_xC$XWfmx)I5|1F$!@pzsCKKbXWov6oQ(KHi)y$0e*ZHyH8ltHxNAKM z5+EgQakgPqoz0R_ma!{N^I@^Uh)a)IuHoF^(h&nb$G7^b=<@5R8mSy=&8ctKWOx*b>IGaVC^1;EuWp#CRO=V?ejlp1W zo!xFnGMU8G)D#vkUVL@=Zvg7pjRjx1q2LV#i&UVLyO@rA_B6+T zqobqMMKaClR!TrBd;1t;be!BgK0bcrx&kZ(%r&hf*9!1|(TW;JN|q3?00000NkvXX Hu0mjf6z;9l literal 0 HcmV?d00001 diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index b65a156..be2fdcd 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -29,8 +29,59 @@ :overlay="false" round position="bottom" - :style="{ height: '30%' }" - /> + :style="{ height: '45%' }" + > + + + + + + + + +
+
+ +
+
{{ item.name }}
+
+
+ +
+
{{ item.jl }}
+
{{ item.dz }}
+
+
+ {{ item }} +
+
+
+
+ @@ -53,10 +104,121 @@ import img14 from "@/assets/home/ryzfxz.png"; import img15 from "@/assets/home/yxfw.png"; import img16 from "@/assets/home/yxfwxz.png"; import img17 from "@/assets/home/yy.png"; +import img18 from "@/assets/home/wdwz.png"; + var map = null; var control = null; +var T = window.T; + +const dropdown = reactive({ + value1: 0, + value2: 0, + value3: 0, + option1: [{ text: "智能排序", value: 0 }], + option2: [{ text: "位置距离", value: 0 }], + option3: [{ text: "其他筛选", value: 0 }], + rmyy: [ + { + name: "象山第一人民医院", + img: "http://store.is.autonavi.com/showpic/756391e986455206891ae6d6c27ac430?type=pic", + tag: ["综合医院", "二级甲等"], + dz: "宁波市象山县东谷路289-291", + jl: "1公里", + zb: [121.88637, 29.47231], + }, + { + name: "象山县中医医院(新院区)", + img: "https://aos-comment.amap.com/B0FFKGTE0P/headerImg/40db9d22bfd0099a2e3418da8f3e9c5b_2048_2048_80.jpg", + tag: ["中医医院"], + dz: "宁波市象山县南部新城兴洋路7号", + jl: "6.7公里", + zb: [121.8818, 29.4543], + }, + { + name: "象山第三人民医院", + img: "http://store.is.autonavi.com/showpic/a0ff397c63274b1438755089ccc972d1?type=pic", + tag: ["综合医院", "二级医院"], + dz: "宁波市象山县丹西街道樟树下村", + jl: "3.8公里", + zb: [121.89218, 29.44957], + }, + { + name: "丹城中心卫生院", + img: "http://store.is.autonavi.com/showpic/fee5ebf4dd4ccae1908faf4993d557bf?type=pic", + tag: ["卫生院"], + dz: "宁波市象山县上吴村254-2号", + jl: "2.5公里", + zb: [121.892122, 29.449637], + }, + { + name: "象山爱尔眼科医院", + img: "http://store.is.autonavi.com/showpic/1d00880c0dce4c237df8499b20eda61d?type=pic", + tag: ["眼科医院"], + dz: "宁波市象山县丹西街道象山港路118号", + jl: "3.4公里", + zb: [121.86596, 29.4603], + }, + { + name: "西港村卫生室", + img: "http://store.is.autonavi.com/showpic/aeec5aeacbb4deebb2530a060b37091a?type=pic", + tag: ["卫生院"], + dz: "宁波市象山县规划路与滨海大道交叉口东460米", + jl: "7.5公里", + zb: [121.910589, 29.422593], + }, + { + name: "翁敬堂骨伤医院", + img: "http://store.is.autonavi.com/showpic/eb553882ac643ce7edba3074d2b27516?type=pic", + tag: ["骨科医院"], + dz: "宁波市象山县新丰路298号", + jl: "2.6公里", + zb: [121.87011, 29.46552], + }, + { + name: "宁波口腔医院象山分院", + img: "http://store.is.autonavi.com/showpic/0ada714ce414813321099165da07151d?type=pic", + tag: ["口腔医院"], + dz: "宁波市象山县丹河东路1098号", + jl: "1.6公里", + zb: [121.898524, 29.461311], + }, + { + name: "星城医院", + img: "http://store.is.autonavi.com/showpic/89bfcbf76b4b197a4fb94b10d49b7bf4?type=pic", + tag: ["综合医院"], + dz: "宁波市象山县丹河东路1086号", + jl: "1.7公里", + zb: [121.89456, 29.46375], + }, + { + name: "宁波港城口腔医院", + img: "http://store.is.autonavi.com/showpic/d77f446fcacc052f9d1aed8554d125c8?type=pic", + tag: ["口腔医院"], + dz: "宁波市象山县丹东街道新华路269号", + jl: "1.6公里", + zb: [121.88508, 29.46631], + }, + { + name: "益民口腔", + img: "http://store.is.autonavi.com/showpic/b742650078a06ec8443c31c94fa4c32c?type=pic", + tag: ["口腔诊所"], + dz: "台州市天台县和合北路161-17号", + jl: "917米", + zb: [121.89336, 29.47956], + }, + { + name: "象山妇幼保健院", + img: "http://store.is.autonavi.com/showpic/b742650078a06ec8443c31c94fa4c32c?type=pic", + tag: ["妇幼医院"], + dz: "宁波市象山县城东路1号", + jl: "3公里", + zb: [121.87026, 29.48092], + }, + ], +}); + const list = reactive({ - show: true, + show: false, index: 0, yxfw: [ { @@ -104,29 +266,40 @@ const list = reactive({ ], }); const init = () => { - var T = window.T; map = new T.Map("mapDiv"); // map.setMapType(window.TMAP_SATELLITE_MAP); - map.centerAndZoom(new T.LngLat(121.91686, 29.42154), 12); + map.centerAndZoom(new T.LngLat(121.88356,29.45144), 13); control = new T.Control.Zoom(); //添加缩放平移控件 map.addControl(control); control.setPosition(T_ANCHOR_TOP_RIGHT); var icon = new T.Icon({ - iconUrl: img17, + iconUrl: img18, iconSize: new T.Point(28, 28), iconAnchor: new T.Point(28, 28), }); //向地图上添加自定义标注 - var marker = new T.Marker(new T.LngLat(121.94773, 29.47982), { icon: icon }); - var markers = new T.Marker(new T.LngLat(121.89074, 29.40876), { icon: icon }); + var marker = new T.Marker(new T.LngLat(121.89248, 29.47474), { icon: icon }); map.addOverLay(marker); - map.addOverLay(markers); + yxf(); }; const yxfwxz = (e) => { list.index = e.id; }; +const yxf = () => { + dropdown.rmyy.forEach((item, index) => { + var icons = new T.Icon({ + iconUrl: img17, + iconSize: new T.Point(28, 28), + iconAnchor: new T.Point(28, 28), + }); + var LngLats = new T.Marker(new T.LngLat(item.zb[0], item.zb[1]), { + icon: icons, + }); + map.addOverLay(LngLats); + }); +}; onMounted(() => { init(); }); @@ -148,15 +321,16 @@ onMounted(() => { z-index: 2; position: absolute; width: 40px; - height: 40px; background: #ffffff; border-radius: 6px 6px 6px 6px; opacity: 1; text-align: center; + padding-bottom: 5px; + padding-top: 3px; .yxfwtp { width: 18px; height: 18px; - margin: 6px auto 0; + margin: 2px auto 0; } .yxfwwz { font-size: 8px; @@ -199,7 +373,7 @@ onMounted(() => { .yxfwtp { width: 18px; height: 18px; - margin: 6px auto 0; + margin: 1px auto 0; } .yxfwwz { font-size: 8px; @@ -217,4 +391,83 @@ onMounted(() => { } } } +.card { + width: 100%; + height: calc(100% - 102px); + overflow: auto; + padding-bottom: 50px; + .cardlist { + background-color: #fff; + padding: 14px 16px 0; + width: 100%; + height: 80px; + display: flex; + .imgse { + width: 100px; + border-radius: 3px; + height: 68px; + } + .bodys { + border-bottom: 1px solid #f1f1f1; + height: 68px; + width: 250px; + margin-left: 12px; + + .bq { + padding-top: 8px; + display: flex; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + .van-tag--primary.van-tag--plain { + margin-right: 2px; + } + } + .bt { + font-size: 14px; + font-family: PingFang SC, PingFang SC; + font-weight: 500; + color: #333333; + width: 100%; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .dz { + font-size: 12px; + font-family: PingFang SC, PingFang SC; + font-weight: 400; + color: #999999; + line-height: 12px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + padding-top: 2px; + display: flex; + .tp { + width: 12px; + } + .xxdz { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + width: 170px; + } + .zl { + padding-right: 5px; + } + + .ims { + width: 12px; + height: 12px; + } + } + } + } +} +:deep(.van-dropdown-menu__bar) { + box-shadow: 0 0px 0px rgba(100, 101, 102, 0.12); + border-bottom: 1px solid #f1f1f1; +} diff --git a/vite.config.js b/vite.config.js index 5c45e1d..ff41eb2 100644 --- a/vite.config.js +++ b/vite.config.js @@ -5,6 +5,9 @@ import vue from '@vitejs/plugin-vue' // https://vitejs.dev/config/ export default defineConfig({ + server: { // ← ← ← ← ← ← + host: '0.0.0.0' // ← 新增内容 ← + }, plugins: [ vue(), ], From 5f1600b45c8a4e0a95a0b21260e0de558702e0cb Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 7 Dec 2023 17:18:26 +0800 Subject: [PATCH 3/7] 1 --- src/views/HomeView.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index be2fdcd..5cc27a3 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -218,8 +218,8 @@ const dropdown = reactive({ }); const list = reactive({ - show: false, - index: 0, + show: true, + index: 3, yxfw: [ { id: 0, From 5fcf1c6c5a77109c0e1cb2ca64b5a1357113492b Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 7 Dec 2023 17:19:38 +0800 Subject: [PATCH 4/7] 1 --- src/views/HomeView.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 5cc27a3..5441502 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -350,7 +350,7 @@ onMounted(() => { .yxfwnr { margin-top: 72px; margin-left: 16px; - z-index: 2; + z-index: 10; position: absolute; background: #ffffff; border-radius: 6px 6px 6px 6px; From 9c173072d89e02a65a3f2732bc2c74bf70c14f18 Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 7 Dec 2023 17:24:21 +0800 Subject: [PATCH 5/7] 1 --- src/views/HomeView.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 5441502..6a76594 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -360,7 +360,7 @@ onMounted(() => { width: 50%; height: 5px; border-bottom: 1px solid #f1f1f1; - margin: 0 auto 5px; + margin: 0 auto 3px; } .yxfws { z-index: 2; @@ -373,7 +373,7 @@ onMounted(() => { .yxfwtp { width: 18px; height: 18px; - margin: 1px auto 0; + margin: 0px auto 0; } .yxfwwz { font-size: 8px; From 31e79dddec640aaf281a4b8bf57799bab3677623 Mon Sep 17 00:00:00 2001 From: yaoyuhao Date: Thu, 7 Dec 2023 17:30:06 +0800 Subject: [PATCH 6/7] 1 --- src/assets/base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/assets/base.css b/src/assets/base.css index 8816868..68f6674 100644 --- a/src/assets/base.css +++ b/src/assets/base.css @@ -60,7 +60,7 @@ body { min-height: 100vh; - color: var(--color-text); + /* color: var(--color-text); */ background: var(--color-background); transition: color 0.5s, From 677e992db0fd81e815abbcf741d14b4ecfcba66e Mon Sep 17 00:00:00 2001 From: wanghui Date: Thu, 7 Dec 2023 17:30:14 +0800 Subject: [PATCH 7/7] 1 --- src/views/HomeView.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue index 6a76594..98d31b7 100644 --- a/src/views/HomeView.vue +++ b/src/views/HomeView.vue @@ -132,7 +132,7 @@ const dropdown = reactive({ tag: ["中医医院"], dz: "宁波市象山县南部新城兴洋路7号", jl: "6.7公里", - zb: [121.8818, 29.4543], + zb: [121.902770,29.435790], }, { name: "象山第三人民医院", @@ -373,7 +373,7 @@ onMounted(() => { .yxfwtp { width: 18px; height: 18px; - margin: 0px auto 0; + margin: 4px auto 0; } .yxfwwz { font-size: 8px;