Skip to content

Commit

Permalink
close #188 #189 #190
Browse files Browse the repository at this point in the history 
- 1. New logic
- 2. Fix style
- 3. Fix bugs that cannot be accessed overseas
  • Loading branch information
xCss committed Jun 26, 2019
1 parent 96b1ca8 commit 511dd84
Show file tree
Hide file tree
Showing 9 changed files with 242 additions and 243 deletions.
6 changes: 3 additions & 3 deletions dist/Valine.Pure.min.js
View file

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions dist/Valine.min.js
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "valine",
"version": "1.3.7",
"version": "1.3.8",
"description": "A simple comment system based on Leancloud.",
"main": "/dist/Valine.min.js",
"author": "xCss <[email protected]> (https://github.com/xCss)",
Expand Down
190 changes: 116 additions & 74 deletions src/index.js
View file

Large diffs are not rendered by default.

109 changes: 54 additions & 55 deletions src/index.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,6 @@

.v {
font-size:16px;

* {
box-sizing: border-box; //font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, "helvetica neue", helvetica, ubuntu, roboto, noto, "segoe ui", Arial, sans-serif;
line-height:2;
Expand All @@ -16,7 +15,7 @@
}

hr{
margin: .825rem 0;
margin: .825em 0;
border-color:#f6f6f6;
border-style: dashed;
}
Expand Down Expand Up @@ -70,8 +69,8 @@
}
blockquote{
color: #666;
margin: .5rem 0;
padding: 0 0 0 1rem ;
margin: .5em 0;
padding: 0 0 0 1em ;
border-left: 8px solid rgba(238, 238, 238, 0.5);
}
.vinput {
Expand All @@ -80,7 +79,7 @@
outline: none;
padding: 10px 5px;
max-width: 100%;
font-size: .775rem;
font-size: .775em;
}
input[type='checkbox'],input[type='radio']{
display:inline-block;
Expand Down Expand Up @@ -166,7 +165,7 @@
padding-top: 15px;
.col {
display: inline-block;
font-size: .725rem;
font-size: .725em;
vertical-align: middle;
color: #ccc;
&.text-right {
Expand Down Expand Up @@ -203,15 +202,15 @@
left: 0;
top: 0;
.valert {
padding-top: 3rem;
padding-top: 3em;
.vtext {
color: #fff;
padding: 1rem 0;
padding: 1em 0;
}
.vcode {
width: 4.6875rem;
border-radius: .3125rem;
padding: .5rem;
width: 4.6875em;
border-radius: .3125em;
padding: .5em;
background: #dedede;
&:focus {
border-color: #3090e4;
Expand All @@ -221,36 +220,36 @@
}
@media screen and(max-width:720px) {
.valert {
padding-top: 5.5rem;
padding-top: 5.5em;
.vtext {
color: #fff;
padding: 1rem 0;
padding: 1em 0;
}
}
}
}
}
.power {
color: #999;
font-size: .75rem;
padding:.5rem 0;
font-size: .75em;
padding:.5em 0;
a {
font-size: .75rem;
font-size: .75em;
}
}
.vinfo {
font-size: 0;
padding: 5px;
.col {
font-size: .875rem;
font-size: .875em;
display: inline-block;
width: 50%;
vertical-align: middle;
}
.vcount {
.vnum {
font-weight: 600;
font-size: 1.25rem;
font-size: 1.25em;
}
}
}
Expand All @@ -264,7 +263,7 @@
}
ul,ol {
padding: 0;
margin-left: 1.25rem;
margin-left: 1.25em;
}
.txt-center {
text-align: center;
Expand All @@ -280,8 +279,8 @@
}
.veditor {
width: 100%;
min-height: 8.75rem;
font-size: .875rem;
min-height: 8.75em;
font-size: .875em;
background: transparent;
resize: vertical;
transition:all .25s ease;
Expand All @@ -291,7 +290,7 @@
text-align: center;
color: #313131;
border: 1px solid #ededed;
border-radius: .3rem;
border-radius: .3em;
display: inline-block;
background: #ededed;
margin-bottom: 0;
Expand All @@ -300,13 +299,13 @@
touch-action: manipulation;
cursor: pointer;
white-space: nowrap;
padding: .5rem 1.25rem;
font-size: .875rem;
padding: .5em 1.25em;
font-size: .875em;
line-height: 1.42857143;
user-select: none;
outline: none;
&+.vbtn {
margin-left: 1.25rem;
margin-left: 1.25em;
}
}
.vbtn:active,
Expand All @@ -316,14 +315,14 @@
background-color: #fff;
}
.vempty {
padding: 1.25rem;
padding: 1.25em;
text-align: center;
color: #999;
}
.vlist {
width: 100%;
.vcard {
padding-top: 1.5rem;
padding-top: 1.5em;
position: relative;
display: block;
&:after {
Expand All @@ -332,29 +331,29 @@
display: block;
}
.vimg {
width: 3.125rem;
height: 3.125rem;
width: 3.125em;
height: 3.125em;
float: left;
border-radius: 50%;
margin-right: .7525rem;
margin-right: .7525em;
border:1px solid #f5f5f5;
padding:.125rem;
padding:.125em;
}

@media screen and (max-width:720px) {
.vimg {
width: 2.5rem;
height: 2.5rem;
width: 2.5em;
height: 2.5em;
}
}
.vhead {
line-height: 1.5;
margin-top: 0;
.vnick {
position:relative;
font-size: .875rem;
font-size: .875em;
font-weight: 500;
margin-right: .875rem;
margin-right: .875em;
cursor: pointer;
color: #1abc9c;
text-decoration:none;
Expand All @@ -380,12 +379,12 @@
}
.vsys {
display: inline-block;
padding: .2rem .5rem;
padding: .2em .5em;
background: #ededed;
color: #b3b1b1;
font-size: .75rem;
border-radius: .2rem;
margin-right: .3rem;
font-size: .75em;
border-radius: .2em;
margin-right: .3em;
}
@media screen and (max-width:520px) {
.vsys {
Expand All @@ -396,18 +395,18 @@

.vh {
overflow: hidden;
padding-bottom: .5rem;
padding-bottom: .5em;
border-bottom: 1px dashed #f5f5f5;
.vtime {
color: #b3b3b3;
font-size: .75rem;
margin-right: .875rem;
font-size: .75em;
margin-right: .875em;
}
.vmeta {
line-height:1;
position: relative;
.vat {
font-size: .8125rem;
font-size: .8125em;
color: #ef2f11;
cursor: pointer;
float:right;
Expand All @@ -424,18 +423,18 @@
word-break: break-all;
text-align: justify;
color: #4A4A4A;
font-size: .875rem;
font-size: .875em;
line-height: 2;
position: relative;
margin-bottom: .75rem;
padding-top: .625rem;
margin-bottom: .75em;
padding-top: .625em;
img,iframe,frame {
max-width: 100%;
border:none;
}
&.expand {
cursor: pointer;
max-height: 11.25rem;
max-height: 11.25em;
overflow: hidden;
&:before {
display: block;
Expand All @@ -444,7 +443,7 @@
width: 100%;
left: 0;
top: 0;
bottom: 3.15rem;
bottom: 3.15em;
pointer-events: none;
background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .9));
}
Expand All @@ -455,8 +454,8 @@
color: #828586;
position: absolute;
width: 100%;
height: 3.15rem;
line-height: 3.15rem;
height: 3.15em;
line-height: 3.15em;
left: 0;
bottom: 0;
pointer-events: none;
Expand All @@ -467,20 +466,20 @@

.vquote {
color: #666;
margin-top: 1rem;
padding-left: 1rem;
margin-top: 1em;
padding-left: 1em;
border-left: 1px dashed rgba(238, 238, 238, 0.5);
.vimg{
width: 2.225rem;
height: 2.225rem;
width: 2.225em;
height: 2.225em;
}
}

}
}
.vpage {
.vmore{
margin:1rem 0;
margin:1em 0;
}
}
.clear {
Expand Down
21 changes: 0 additions & 21 deletions src/utils/domReady.js
View file

This file was deleted.

Loading

0 comments on commit 511dd84

Please sign in to comment.