From 7d93a719dc689824acc9a8a0c404265faea24e2d Mon Sep 17 00:00:00 2001 From: zyronon Date: Wed, 17 Oct 2018 01:48:05 +0800 Subject: [PATCH] =?UTF-8?q?=E9=A6=96=E9=A1=B5=E5=AE=8C=E6=88=9080%?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/App.vue | 25 ++- src/assets/img/More.svg | 1 + src/assets/img/QQ.svg | 1 + src/assets/img/collect.svg | 1 + src/assets/img/dislike.svg | 1 + src/assets/img/dongtaibizhi.svg | 1 + src/assets/img/download.svg | 1 + src/assets/img/friend_circle.svg | 1 + src/assets/img/hepai.svg | 1 + src/assets/img/href.svg | 1 + src/assets/img/ic_more.svg | 1 + src/assets/img/loved.svg | 1 + src/assets/img/qiangjing.svg | 1 + src/assets/img/qr_code.svg | 1 + src/assets/img/sina.svg | 1 + src/assets/img/sq-share-qqzone-01.svg | 1 + src/assets/img/wechat.svg | 1 + src/assets/img/举报.svg | 1 + src/components/Comment.vue | 209 ++++++++++++++++++ src/components/Footer.vue | 59 ++++++ src/components/Home.vue | 295 +++++++++----------------- src/components/Share.vue | 206 ++++++++++++++++++ 22 files changed, 610 insertions(+), 201 deletions(-) create mode 100644 src/assets/img/More.svg create mode 100644 src/assets/img/QQ.svg create mode 100644 src/assets/img/collect.svg create mode 100644 src/assets/img/dislike.svg create mode 100644 src/assets/img/dongtaibizhi.svg create mode 100644 src/assets/img/download.svg create mode 100644 src/assets/img/friend_circle.svg create mode 100644 src/assets/img/hepai.svg create mode 100644 src/assets/img/href.svg create mode 100644 src/assets/img/ic_more.svg create mode 100644 src/assets/img/loved.svg create mode 100644 src/assets/img/qiangjing.svg create mode 100644 src/assets/img/qr_code.svg create mode 100644 src/assets/img/sina.svg create mode 100644 src/assets/img/sq-share-qqzone-01.svg create mode 100644 src/assets/img/wechat.svg create mode 100644 src/assets/img/举报.svg create mode 100644 src/components/Comment.vue create mode 100644 src/components/Footer.vue create mode 100644 src/components/Share.vue diff --git a/src/App.vue b/src/App.vue index d16fb31..c719e62 100644 --- a/src/App.vue +++ b/src/App.vue @@ -19,6 +19,9 @@ #app { width: 100%; height: 100%; + font-size: 14px; + padding: 0; + margin: 0; } $width: 1000; @@ -94,6 +97,14 @@ $padding: $padding - 1; } + $padding: 50; + @while $padding > 0 { + .p#{$padding}p { + padding: #{$padding}px !important; + } + $padding: $padding - 1; + } + $font: 30; @while $font > 0 { .f#{$font} { @@ -102,6 +113,13 @@ $font: $font - 1; } + $width: 300; + @while $width > 0 { + .w#{$width} { + width: percentage($width / 100); + } + $width: $width - 10; + } .pull-left { float: left; @@ -111,14 +129,15 @@ float: right; } - .block{ + .block { display: block; } - .oh{ + .oh { overflow: hidden; } - .tac{ + + .tac { text-align: center; } diff --git a/src/assets/img/More.svg b/src/assets/img/More.svg new file mode 100644 index 0000000..012d378 --- /dev/null +++ b/src/assets/img/More.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/QQ.svg b/src/assets/img/QQ.svg new file mode 100644 index 0000000..aceac9e --- /dev/null +++ b/src/assets/img/QQ.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/collect.svg b/src/assets/img/collect.svg new file mode 100644 index 0000000..f8b511f --- /dev/null +++ b/src/assets/img/collect.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/dislike.svg b/src/assets/img/dislike.svg new file mode 100644 index 0000000..008daf3 --- /dev/null +++ b/src/assets/img/dislike.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/dongtaibizhi.svg b/src/assets/img/dongtaibizhi.svg new file mode 100644 index 0000000..a7d50f4 --- /dev/null +++ b/src/assets/img/dongtaibizhi.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/download.svg b/src/assets/img/download.svg new file mode 100644 index 0000000..3572bcd --- /dev/null +++ b/src/assets/img/download.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/friend_circle.svg b/src/assets/img/friend_circle.svg new file mode 100644 index 0000000..7fc8cca --- /dev/null +++ b/src/assets/img/friend_circle.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/hepai.svg b/src/assets/img/hepai.svg new file mode 100644 index 0000000..e7d25db --- /dev/null +++ b/src/assets/img/hepai.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/href.svg b/src/assets/img/href.svg new file mode 100644 index 0000000..fccc311 --- /dev/null +++ b/src/assets/img/href.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/ic_more.svg b/src/assets/img/ic_more.svg new file mode 100644 index 0000000..7aecccf --- /dev/null +++ b/src/assets/img/ic_more.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/loved.svg b/src/assets/img/loved.svg new file mode 100644 index 0000000..7a14a6a --- /dev/null +++ b/src/assets/img/loved.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/qiangjing.svg b/src/assets/img/qiangjing.svg new file mode 100644 index 0000000..4a18d07 --- /dev/null +++ b/src/assets/img/qiangjing.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/qr_code.svg b/src/assets/img/qr_code.svg new file mode 100644 index 0000000..7d801b0 --- /dev/null +++ b/src/assets/img/qr_code.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/sina.svg b/src/assets/img/sina.svg new file mode 100644 index 0000000..b69b0bb --- /dev/null +++ b/src/assets/img/sina.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/sq-share-qqzone-01.svg b/src/assets/img/sq-share-qqzone-01.svg new file mode 100644 index 0000000..bfa9519 --- /dev/null +++ b/src/assets/img/sq-share-qqzone-01.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/wechat.svg b/src/assets/img/wechat.svg new file mode 100644 index 0000000..19d2fa3 --- /dev/null +++ b/src/assets/img/wechat.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/img/举报.svg b/src/assets/img/举报.svg new file mode 100644 index 0000000..e228111 --- /dev/null +++ b/src/assets/img/举报.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Comment.vue b/src/components/Comment.vue new file mode 100644 index 0000000..c4655f9 --- /dev/null +++ b/src/components/Comment.vue @@ -0,0 +1,209 @@ + + + + + diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..9faee8a --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,59 @@ + + + + + diff --git a/src/components/Home.vue b/src/components/Home.vue index d0127b6..aae7043 100644 --- a/src/components/Home.vue +++ b/src/components/Home.vue @@ -1,27 +1,36 @@ + +