first commit
This commit is contained in:
675061370@qq.com
@@ -0,0 +1,143 @@
|
||||
@charset "utf-8";
|
||||
html {
|
||||
color: #000;
|
||||
background: #fff;
|
||||
overflow-y: scroll;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
}
|
||||
html * {
|
||||
outline: none;
|
||||
-webkit-text-size-adjust: none;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
html,
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
/* 内外边距通常让各个浏览器样式的表现位置不同 */
|
||||
body,
|
||||
div,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
ul,
|
||||
ol,
|
||||
li,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
pre,
|
||||
code,
|
||||
form,
|
||||
fieldset,
|
||||
legend,
|
||||
input,
|
||||
textarea,
|
||||
p,
|
||||
blockquote,
|
||||
th,
|
||||
td,
|
||||
hr,
|
||||
button,
|
||||
article,
|
||||
aside,
|
||||
details,
|
||||
figcaption,
|
||||
figure,
|
||||
footer,
|
||||
header,
|
||||
hgroup,
|
||||
menu,
|
||||
nav,
|
||||
section {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
input,
|
||||
select,
|
||||
textarea {
|
||||
font-size: 100%;
|
||||
}
|
||||
/* 去掉各 Table cell 的边距并让其边重合 */
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
/* 去除默认边框 */
|
||||
fieldset,
|
||||
img {
|
||||
border: 0;
|
||||
}
|
||||
/* 去掉 firefox 下此元素的边框 */
|
||||
abbr,
|
||||
acronym {
|
||||
border: 0;
|
||||
font-variant: normal;
|
||||
}
|
||||
/* 一致的 del 样式 */
|
||||
del {
|
||||
text-decoration: line-through;
|
||||
}
|
||||
address,
|
||||
caption,
|
||||
cite,
|
||||
code,
|
||||
dfn,
|
||||
em,
|
||||
th,
|
||||
var {
|
||||
font-style: normal;
|
||||
font-weight: 500;
|
||||
}
|
||||
/* 去掉列表前的标识, li 会继承 */
|
||||
ol,
|
||||
ul {
|
||||
list-style: none;
|
||||
}
|
||||
/* 对齐是排版最重要的因素, 别让什么都居中 */
|
||||
caption,
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
/* 来自 yahoo, 让标题都自定义, 适应多个系统应用 */
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-size: 100%;
|
||||
font-weight: 500;
|
||||
}
|
||||
q:before,
|
||||
q:after {
|
||||
content: '';
|
||||
}
|
||||
/* 统一上标和下标 */
|
||||
sub,
|
||||
sup {
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
position: relative;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
sup {
|
||||
top: -0.5em;
|
||||
}
|
||||
sub {
|
||||
bottom: -0.25em;
|
||||
}
|
||||
/* 正常链接 未访问 */
|
||||
/* 鼠标悬停 */
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
/* 默认不显示下划线，保持页面简洁 */
|
||||
ins,
|
||||
a {
|
||||
text-decoration: none;
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,304 @@
|
||||
body {
|
||||
max-width: 7.5rem;
|
||||
margin: auto;
|
||||
background-color: #001339;
|
||||
min-height: 100vh
|
||||
}
|
||||
img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
[v-cloak] {
|
||||
visibility: hidden !important;
|
||||
}
|
||||
a:link{
|
||||
text-decoration: none;
|
||||
}
|
||||
a:visited{
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover{
|
||||
text-decoration: none;
|
||||
}
|
||||
a:active{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.join{
|
||||
position: relative;
|
||||
font-size: 0;
|
||||
}
|
||||
.join .bg{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
pointer-events: none;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select:none;
|
||||
-o-user-select:none;
|
||||
user-select:none;
|
||||
}
|
||||
.join .bgs{
|
||||
position: relative;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
.join .form{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 1rem;
|
||||
}
|
||||
.form{
|
||||
width: 5.6rem;
|
||||
color: #ffffff;
|
||||
margin: auto;
|
||||
}
|
||||
.form .item p{
|
||||
font-size: .32rem;
|
||||
padding: .32rem 0 .16rem;
|
||||
}
|
||||
.form .item input{
|
||||
width: 5.6rem;
|
||||
height: .8rem;
|
||||
line-height: .8rem;
|
||||
background: #ffffff;
|
||||
border: 1px solid #585858;
|
||||
color: #333333;
|
||||
font-size: .3rem;
|
||||
border-radius: .1rem;
|
||||
padding: 0 .3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.form .item .select{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.form .item .select .sitem{
|
||||
width: 1.66rem;
|
||||
height: .7rem;
|
||||
line-height: .7rem;
|
||||
text-align: center;
|
||||
color: rgba(255, 255, 255, .7);
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border: 1px solid #585858;
|
||||
border-radius: .1rem;
|
||||
margin-top: .16rem;
|
||||
}
|
||||
.form .item .select .sitem.active{
|
||||
position: relative;
|
||||
border: 1px solid #2c6cd1;
|
||||
color: #ffffff;
|
||||
overflow: hidden;
|
||||
}
|
||||
.form .item .select .sitem.active:after{
|
||||
position: absolute;
|
||||
content: " ";
|
||||
bottom: -1.5px;
|
||||
right: -1.5px;
|
||||
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAyElEQVQ4T6WTQQ7BQBSGv5e2GxdxCzcQXKApcQZLKjYSN5BIWidgx04cxg1sdBhpolI1Q4fZf997b97/hD+f/MpnhJOA9fQnQQ6DxAGpOAsKOO/cWVCGnQVV2ElggmsLbHAtgQkWOGn08usWbJUF3dZ4Gdx21i3Y29axQiUe/l6QplFQgg9XGHqwAHog24Ckq4g2Gt0x/sF7ZR3ncc2I5j7nsaIxA0ZF/F86sM9M4pP2L4QDQVbl23kKPq3qARyBVvXwnKNsutw7fWdOEcXoJ+0AAAAASUVORK5CYII=) no-repeat;
|
||||
background-size: 100%;
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
}
|
||||
.save_btn{
|
||||
width: 5.6rem;
|
||||
height: .8rem;
|
||||
line-height: .84rem;
|
||||
border-radius: .08rem;
|
||||
background: #2c6cd1;
|
||||
font-size: .28rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
margin: .5rem auto .3rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.user_box{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 1.3rem;
|
||||
text-align: center;
|
||||
}
|
||||
.user_img{
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
border-radius: .08rem;
|
||||
padding: .3rem .3rem;
|
||||
}
|
||||
.user_img .is_user{
|
||||
position: absolute;
|
||||
top: .1rem;
|
||||
right: .1rem;
|
||||
width: 2rem;
|
||||
height: 2rem;
|
||||
}
|
||||
.user_img img{
|
||||
width: 3.2rem;
|
||||
height: 3.2rem;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.img_bg_join{
|
||||
width: 5.2rem;
|
||||
margin: .22rem auto 0;
|
||||
}
|
||||
.foot_index{
|
||||
position: absolute;
|
||||
bottom: .2rem;
|
||||
left: .54rem;
|
||||
right: .54rem;
|
||||
font-size: .22rem;
|
||||
color: rgba(255, 255, 255, .6);
|
||||
}
|
||||
.foot_index p{
|
||||
position: relative;
|
||||
line-height: 1.8;
|
||||
}
|
||||
.foot_index p .lefts{
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
.foot_index p .rights{
|
||||
padding-left: .66rem;
|
||||
}
|
||||
.foot_index p img{
|
||||
width: .42rem;
|
||||
height: .42rem;
|
||||
vertical-align: middle;
|
||||
padding-right: .14rem;
|
||||
}
|
||||
|
||||
.join_btn{
|
||||
width: 5.6rem;
|
||||
height: .8rem;
|
||||
line-height: .84rem;
|
||||
border-radius: .08rem;
|
||||
background: #2c6cd1;
|
||||
font-size: .28rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
margin: .4rem auto 0;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.rule_btn{
|
||||
position: absolute;
|
||||
bottom: 2rem;
|
||||
right: 0;
|
||||
width: 1.7rem;
|
||||
height: .6rem;
|
||||
background: rgba(255, 255, 255, .24);
|
||||
border-radius: .3rem 0 0 .3rem;
|
||||
color: #FFFFFF;
|
||||
font-size: .26rem;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding-left: .1rem;
|
||||
}
|
||||
.rule_btn img{
|
||||
width: .32rem;
|
||||
height: .32rem;
|
||||
}
|
||||
|
||||
|
||||
.red{
|
||||
color: red !important;
|
||||
padding-right: .1rem;
|
||||
}
|
||||
.user_img p{
|
||||
color: #ffffff;
|
||||
font-size: .32rem;
|
||||
padding: .24rem 0 .2rem;
|
||||
}
|
||||
.share_btn{
|
||||
width: 5.6rem;
|
||||
height: .8rem;
|
||||
line-height: .84rem;
|
||||
border-radius: .08rem;
|
||||
background: #fb005f;
|
||||
font-size: .28rem;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
color: #ffffff;
|
||||
margin: .4rem auto 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.share_btn img{
|
||||
width: .4rem;
|
||||
height: .4rem;
|
||||
padding-right: .1rem;
|
||||
}
|
||||
.rule_box{
|
||||
color: #ffffff !important;
|
||||
width: 6.9rem;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
border-radius: .08rem;
|
||||
margin: .6rem auto 0;
|
||||
padding: .3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.rule{
|
||||
padding-bottom: .3rem;
|
||||
}
|
||||
.rule_box h2{
|
||||
font-size: .4rem;
|
||||
text-align: center;
|
||||
padding-bottom: .3rem;
|
||||
}
|
||||
.rule_box p{
|
||||
font-size: .28rem;
|
||||
line-height: 1.8;
|
||||
padding-bottom: .2rem;
|
||||
position: relative;
|
||||
}
|
||||
.rule_box p .left{
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
}
|
||||
.rule_box p .right{
|
||||
display: block;
|
||||
padding-left: .4rem;
|
||||
}
|
||||
|
||||
|
||||
.share_layer{
|
||||
position: fixed;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: rgba(0,0,0,.6);
|
||||
z-index: 999999;
|
||||
}
|
||||
.share_img1{
|
||||
position: absolute;
|
||||
top: .2rem;
|
||||
right: .4rem;
|
||||
width: 2rem;
|
||||
height: auto;
|
||||
}
|
||||
.share_img2{
|
||||
position: absolute;
|
||||
top: 3.5rem;
|
||||
right: 1.5rem;
|
||||
width: 4.24rem;
|
||||
height: auto;
|
||||
}
|
||||
Vendored
+3
File diff suppressed because one or more lines are too long
@@ -0,0 +1,42 @@
|
||||
var CODE_SUCCESS = 200;
|
||||
var access_token = getCookie("access_token");
|
||||
var PostBase = {
|
||||
access_token: access_token,
|
||||
plat: "admin",
|
||||
version: "10000"
|
||||
};
|
||||
//写cookies
|
||||
function setCookie(name, value) {
|
||||
var Days = 30;
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000);
|
||||
document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
|
||||
}
|
||||
//读取cookies
|
||||
function getCookie(name) {
|
||||
var arr, reg = new RegExp("(^| )" + name + "=([^;]*)(;|$)");
|
||||
|
||||
if (arr = document.cookie.match(reg))
|
||||
|
||||
return unescape(arr[2]);
|
||||
else
|
||||
return null;
|
||||
}
|
||||
//删除cookies
|
||||
function delCookie(name) {
|
||||
var exp = new Date();
|
||||
exp.setTime(exp.getTime() - 1);
|
||||
var cval = getCookie(name);
|
||||
if (cval != null)
|
||||
document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
|
||||
}
|
||||
function IsPC()
|
||||
{
|
||||
var userAgentInfo = navigator.userAgent;
|
||||
var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");
|
||||
var flag = true;
|
||||
for (var v = 0; v < Agents.length; v++) {
|
||||
if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
|
||||
}
|
||||
return flag;
|
||||
}
|
||||
@@ -0,0 +1,122 @@
|
||||
/**
|
||||
* 设计图 750px
|
||||
* 750px = 7.5rem
|
||||
* body max-width 7.5rem
|
||||
*/
|
||||
;(function(win, lib) {
|
||||
var doc = win.document;
|
||||
var docEl = doc.documentElement;
|
||||
var metaEl = doc.querySelector('meta[name="viewport"]');
|
||||
var flexibleEl = doc.querySelector('meta[name="flexible"]');
|
||||
var dpr = 0;
|
||||
var scale = 0;
|
||||
var tid;
|
||||
var flexible = lib.flexible || (lib.flexible = {});
|
||||
|
||||
if (metaEl) {
|
||||
console.warn('将根据已有的meta标签来设置缩放比例');
|
||||
var match = metaEl.getAttribute('content').match(/initial\-scale=([\d\.]+)/);
|
||||
if (match) {
|
||||
scale = parseFloat(match[1]);
|
||||
dpr = parseInt(1 / scale);
|
||||
}
|
||||
} else if (flexibleEl) {
|
||||
var content = flexibleEl.getAttribute('content');
|
||||
if (content) {
|
||||
var initialDpr = content.match(/initial\-dpr=([\d\.]+)/);
|
||||
var maximumDpr = content.match(/maximum\-dpr=([\d\.]+)/);
|
||||
if (initialDpr) {
|
||||
dpr = parseFloat(initialDpr[1]);
|
||||
scale = parseFloat((1 / dpr).toFixed(2));
|
||||
}
|
||||
if (maximumDpr) {
|
||||
dpr = parseFloat(maximumDpr[1]);
|
||||
scale = parseFloat((1 / dpr).toFixed(2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if (!dpr && !scale) {
|
||||
var isAndroid = win.navigator.appVersion.match(/android/gi);
|
||||
var isIPhone = win.navigator.appVersion.match(/iphone/gi);
|
||||
var devicePixelRatio = win.devicePixelRatio;
|
||||
if (isIPhone) {
|
||||
// iOS下，对于2和3的屏，用2倍的方案，其余的用1倍方案
|
||||
if (devicePixelRatio >= 3 && (!dpr || dpr >= 3)) {
|
||||
dpr = 3;
|
||||
} else if (devicePixelRatio >= 2 && (!dpr || dpr >= 2)){
|
||||
dpr = 2;
|
||||
} else {
|
||||
dpr = 1;
|
||||
}
|
||||
} else {
|
||||
// 其他设备下，仍旧使用1倍的方案
|
||||
dpr = 1;
|
||||
}
|
||||
scale = 1 / dpr;
|
||||
}
|
||||
|
||||
docEl.setAttribute('data-dpr', dpr);
|
||||
if (!metaEl) {
|
||||
metaEl = doc.createElement('meta');
|
||||
metaEl.setAttribute('name', 'viewport');
|
||||
metaEl.setAttribute('content', 'initial-scale=' + scale + ', maximum-scale=' + scale + ', minimum-scale=' + scale + ', user-scalable=no');
|
||||
if (docEl.firstElementChild) {
|
||||
docEl.firstElementChild.appendChild(metaEl);
|
||||
} else {
|
||||
var wrap = doc.createElement('div');
|
||||
wrap.appendChild(metaEl);
|
||||
doc.write(wrap.innerHTML);
|
||||
}
|
||||
}
|
||||
|
||||
function refreshRem(){
|
||||
var width = docEl.getBoundingClientRect().width;
|
||||
if (width / dpr > 540) {
|
||||
width = 540 * dpr;
|
||||
}
|
||||
var rem = width / 7.5;
|
||||
docEl.style.fontSize = rem + 'px';
|
||||
flexible.rem = win.rem = rem;
|
||||
}
|
||||
|
||||
win.addEventListener('resize', function() {
|
||||
clearTimeout(tid);
|
||||
tid = setTimeout(refreshRem, 300);
|
||||
}, false);
|
||||
win.addEventListener('pageshow', function(e) {
|
||||
if (e.persisted) {
|
||||
clearTimeout(tid);
|
||||
tid = setTimeout(refreshRem, 300);
|
||||
}
|
||||
}, false);
|
||||
|
||||
if (doc.readyState === 'complete') {
|
||||
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||
} else {
|
||||
doc.addEventListener('DOMContentLoaded', function(e) {
|
||||
doc.body.style.fontSize = 12 * dpr + 'px';
|
||||
}, false);
|
||||
}
|
||||
|
||||
|
||||
refreshRem();
|
||||
|
||||
flexible.dpr = win.dpr = dpr;
|
||||
flexible.refreshRem = refreshRem;
|
||||
flexible.rem2px = function(d) {
|
||||
var val = parseFloat(d) * this.rem;
|
||||
if (typeof d === 'string' && d.match(/rem$/)) {
|
||||
val += 'px';
|
||||
}
|
||||
return val;
|
||||
}
|
||||
flexible.px2rem = function(d) {
|
||||
var val = parseFloat(d) / this.rem;
|
||||
if (typeof d === 'string' && d.match(/px$/)) {
|
||||
val += 'rem';
|
||||
}
|
||||
return val;
|
||||
}
|
||||
|
||||
})(window, window['lib'] || (window['lib'] = {}));
|
||||
+20
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Vendored
+7
File diff suppressed because one or more lines are too long
+6
File diff suppressed because one or more lines are too long
Reference in New Issue
Block a user