diff --git a/package.json b/package.json index e0d7122..254d33a 100644 --- a/package.json +++ b/package.json @@ -62,5 +62,8 @@ "qs": "^6.10.2", "sass-loader": "^10.2.0", "video.js": "^8.23.3" + }, + "volta": { + "node": "14.21.3" } } diff --git a/src/assets/images/public.png b/src/assets/images/public.png new file mode 100644 index 0000000..cb71104 Binary files /dev/null and b/src/assets/images/public.png differ diff --git a/src/assets/images/public.png:Zone.Identifier b/src/assets/images/public.png:Zone.Identifier new file mode 100644 index 0000000..e69de29 diff --git a/src/components/CommonHeader.vue b/src/components/CommonHeader.vue index ecc1e59..501f780 100755 --- a/src/components/CommonHeader.vue +++ b/src/components/CommonHeader.vue @@ -190,16 +190,16 @@ 视频

- -

- 一问医答 -

-
+ + + + + + + + + +
京公网安备 11000002002023号 + >
诺和诺德(中国)制药有限公司北京分公司

diff --git a/src/pages/article/_id.vue b/src/pages/article/_id.vue index 1be94b2..22f1b56 100755 --- a/src/pages/article/_id.vue +++ b/src/pages/article/_id.vue @@ -144,13 +144,15 @@
- -
- -
- 微信扫一扫 -
- 获取最新糖尿病展示 +
+ +
+ +
+ 微信扫一扫 +
+ 获取最新糖尿病展示 +
@@ -743,20 +745,39 @@ export default { left: 0; font-size: 16px; color: #000; - box-shadow: 10px 10px 10px #ccc; - display: flex; - padding: 20px; - .s-left { - flex-shrink: 0; - width: 120px; - height: 120px; - } - .s-right { - flex:1; - text-align: center; - .code { - width: 80px; - height: 80px; + padding: 0 20px 10px; + height: 117px; + border-radius: 6px; + background-color: rgba(245, 245, 248, 1); + .s-container { + position: absolute; + bottom: 10px; + left: 32px; + display: flex; + gap: 24px; + align-items: flex-end; + .s-left { + flex-shrink: 0; + width: 121px; + height: 178px; + } + .s-right { + flex: 1; + text-align: center; + .code { + padding: 4px; + width: 80px; + height: 80px; + background-color: #fff; + border-radius: 7px; + box-shadow: 0 2px 12px #0000001A; + } + .name { + margin-top: 10px; + font-size: 14px; + line-height: 20px; + color: rgba(41, 43, 44, 1); + } } } } diff --git a/src/pages/video/_id.vue b/src/pages/video/_id.vue index d9d3cf5..4a8c30d 100755 --- a/src/pages/video/_id.vue +++ b/src/pages/video/_id.vue @@ -16,7 +16,7 @@
- +
微信扫码关注糖尿病网公众号
@@ -262,11 +262,11 @@ export default { } } .go-wechat { - margin: 20px auto 0; + margin: 100px auto 0; display: flex; margin-bottom: 30px; - padding: 20px; - width: 525px; + padding: 51px 106px 33px 309px; + width: 648px; height: 150px; background: $bg-color; border-radius: 4px; @@ -275,21 +275,30 @@ export default { justify-content: space-between; border-radius: 12px; box-shadow: 10px 10px 10px #f2f2f2; + position: relative; .content { margin-left: 15px; flex: 1; font-size: 16px; color: $main-blue-color; line-height: 31px; + white-space: nowrap; .bold { + font-size: 20px; font-weight: bold; } } - img { + .code { + position: absolute; + left: 106px; + top: -48px; flex-shrink: 0; - width: 110px; - height: 110px; + width: 152px; + height: 152px; + padding: 10px; + border-radius: 8px; + box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.13); background: $body-color; } }