diff --git a/src/assets/img/icon/components/video/douyin-code-bottom.jpg b/src/assets/img/icon/components/video/douyin-code-bottom.jpg deleted file mode 100644 index 50770ab..0000000 Binary files a/src/assets/img/icon/components/video/douyin-code-bottom.jpg and /dev/null differ diff --git a/src/assets/img/icon/components/video/download.png b/src/assets/img/icon/components/video/download.png deleted file mode 100644 index ae250b6..0000000 Binary files a/src/assets/img/icon/components/video/download.png and /dev/null differ diff --git a/src/assets/img/icon/components/video/link.png b/src/assets/img/icon/components/video/link.png deleted file mode 100644 index 112bc63..0000000 Binary files a/src/assets/img/icon/components/video/link.png and /dev/null differ diff --git a/src/assets/img/icon/components/video/qrcode.png b/src/assets/img/icon/components/video/qrcode.png deleted file mode 100644 index aa1d399..0000000 Binary files a/src/assets/img/icon/components/video/qrcode.png and /dev/null differ diff --git a/src/components/DouyinCode.vue b/src/components/DouyinCode.vue index c3879e3..734c7aa 100644 --- a/src/components/DouyinCode.vue +++ b/src/components/DouyinCode.vue @@ -2,7 +2,9 @@
- +
+ +
@名字
@@ -10,12 +12,6 @@
- - -
- - -
分享到
@@ -38,7 +34,7 @@
取消
@@ -80,16 +76,15 @@ export default { align-items: center; justify-content: flex-end; background: transparent; + @w: 70vw; .content { background: white; - width: 80vw; - margin-bottom: 20rem; + width: @w; + margin-bottom: 40rem; position: relative; - - .top { - width: 100%; - } + border-radius: 10rem; + overflow: hidden; .desc { margin-bottom: 20rem; @@ -103,42 +98,21 @@ export default { font-size: 14rem; color: @second-text-color; } - } - .code { width: 60rem; } } - .bottom { - width: 100%; - } - .video-poster { - width: 35vw; - height: calc(35vw * 1.5); - position: absolute; - top: 80rem; - left: 50%; - transform: translateX(-50%); + width: @w; + height: @w; overflow: hidden; - display: flex; - align-items: center; - justify-content: center; .poster { - position: absolute; - top: 0; - left: 0; width: 100%; height: 100%; - } - - .play { - position: relative; - z-index: 9; - width: 40rem; + object-fit: cover; } } } @@ -151,7 +125,7 @@ export default { .title { font-size: 12rem; - padding: 10rem; + padding: 14rem; text-align: center; } @@ -163,15 +137,14 @@ export default { padding-right: @space-width * 2; .share-to { - margin-left: @space-width; + margin-left: 28rem; margin-bottom: @space-width; - img { - width: @icon-width; height: @icon-width; border-radius: 50%; + margin-bottom: 5rem; } span { @@ -185,7 +158,7 @@ export default { .cancel { font-size: 16rem; - background: rgb(38,38,38); + background: rgb(38, 38, 38); padding: 15rem; text-align: center; } diff --git a/src/components/Share.vue b/src/components/Share.vue index 91f57df..1acba19 100644 --- a/src/components/Share.vue +++ b/src/components/Share.vue @@ -11,7 +11,7 @@ mode="dark">
- 私信给朋友 + 分享给朋友
@@ -30,66 +30,54 @@
- - - - diff --git a/src/pages/home/components/ShareTo.vue b/src/pages/home/components/ShareTo.vue index 6753db0..90fa1ed 100644 --- a/src/pages/home/components/ShareTo.vue +++ b/src/pages/home/components/ShareTo.vue @@ -85,7 +85,7 @@