手机每日签到页面代码
代码语言：html
所属分类：布局界面
代码描述：手机每日签到页面代码
代码标签： 页面
下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>签到</title>
<link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/bootstrap.3.3.4.css">
<style>
@charset "UTF-8";
h1,h2,h3,h4,h5,h6,span,p,a,.btn,input,select,textarea,div {
font-weight: normal;
font-family: "Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,Helvetica Neue, Helvetica, Arial, sans-serif;
}
ul,li {
list-style: none;
margin: 0;
padding: 0;
}
a {
color: #323232;
}
a:hover {
color: #323232;
text-decoration: none;
}
.w100 {
width: 100%;
}
body {
background-color: #faca34
}
/*背景颜色*/
.bodybg {
background: #f7f7f7;
}
.bgbody {
background: #eeeff3;
}
.bg-white {
background: #fff;
}
.bg-red {
background: #e3393a;
}
.bgmainy {
background-color: #ffa15c;
}
/*crm商品管理，页面主题黄色*/
.bgea {
background: #EA6846;
}
.bgf1 {
background: #F1F2F4;
}
.bgf7 {
background: #f7f7f7;
}
.bgfb {
background: #fbfbfb;
}
.bgf36 {
background: #ff3366;
}
.bgf2f1 {
background: #f2f1f1;
}
.bgef1e3b {
background: #ef1e3b;
}
/*字体大小*/
.font10 {
font-size: 10px;
}
.font12 {
font-size: 12px;
}
.font13 {
font-size: 13px;
}
.font14 {
font-size: 14px;
}
.font15 {
font-size: 15px;
}
.font16 {
font-size: 16px;
}
.font18 {
font-size: 18px;
}
.font20 {
font-size: 20px;
}
.font42 {
font-size: 42px;
}
.font2m {
font-size: 2em;
}
.font3m {
font-size: 3em;
}
/*字体颜色*/
.text-red {
color: #df493b;
}
.text-white {
color: #fff;
}
.text-grey {
color: #ccc;
}
.text-grey1 {
color: #9e9ea1;
}
.text1 {
color: #50d2c2;
}
.text-f36 {
color: #ff3366;
}
.colorb5 {
color: #b5b5b5;
}
.colorstar {
color: #ff4444;
}
.color29 {
color: #292929;
}
.text-orange {
color: #ffa15c;
}
.text-blue {
color: #41a4e3;
}
.text-jiangjiu {
color: #da5141;
}
/* 广东酱酒专家 */
.texthidden {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
/* 1行 */
.rows2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
/* 2行 */
/*高度和行高*/
.h30 {
height: 30px;
}
.h35 {
height: 35px;
}
.h43 {
height: 43px;
line-height: 43px;
}
.h48 {
height: 48px;
line-height: 48px;
}
.h50 {
height: 50px;
line-height: 50px;
}
.h70 {
height: 70px;
}
.lh25 {
line-height: 25px;
}
.lh33 {
line-height: 33px;
}
.lh34 {
line-height: 34px;
}
.lh47 {
line-height: 47px;
}
/*边框样式*/
.bordernone {
border: none;
}
.border0 {
border: none;
}
.border {
border: 1px solid #e8e9eb;
}
.bordert {
border-top: 1px solid #e8e9eb;
}
.borderr {
border-right: 1px solid #e8e9eb;
}
.borderb {
border-bottom: 1px solid #e8e9eb;
}
.borderl {
border-left: 1px solid #e8e9eb;
}
.bordertb {
border-top: 1px solid #e8e9eb;
border-bottom: 1px solid #e8e9eb;
}
.btn-simple {
width: 100%;
border-radius: 0;
border: none;
}
.bradius3 {
border-radius: 3px;
}
.bradius20 {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
}
.bg-success1 {
background: #66c300;
}
/*delete*/
.bordertop {
border-top: 1px solid #e8e9eb;
}
.borderright {
border-right: 1px solid #e8e9eb;
}
.borderbottom {
border-bottom: 1px solid #e8e9eb;
}
/* 内外边距 */
.clearMargin {
margin: 0;
}
.clearPadding {
padding: 0;
}
.clearPtb {
padding-top: 0px;
padding-bottom: 0;
}
.clearMb {
margin-bottom: 0;
}
.clearPb {
padding-bottom: 0;
}
/* 内边距 */
.padding5 {
padding: 5px;
}
.padding10 {
padding: 10px;
background-color: #FFF;
width: 90%;
margin: 0px auto 10px auto
}
.padding15 {
padding: 15px;
}
.p15 {
padding: 15px;
}
.pt10b3 {
padding-top: 10px;
padding-bottom: 3px;
}
.ptb5 {
padding-top: 5px;
padding-bottom: 5px;
}
.ptb6 {
padding-top: 6px;
padding-bottom: 6px;
}
.ptb10 {
padding-top: 10px;
padding-bottom: 10px;
}
.ptb15 {
padding-top: 15px;
padding-bottom: 15px;
}
.ptb20 {
padding-top: 20px;
padding-bottom: 20px;
}
.ptb30 {
padding-top: 30px;
padding-bottom: 30px;
}
.plr0 {
padding-left: 0px;
padding-right: 0px;
}
.plr10 {
padding-left: 10px;
padding-right: 10px;
}
.plr15 {
padding-left: 15px;
padding-right: 15px;
}
.plr25 {
padding-left: 25px;
padding-right: 25px;
}
.pb5 {
padding-bottom: 5px
}
.pb10 {
padding-bottom: 10px
}
.pb13 {
padding-bottom: 13px
}
.pb15 {
padding-bottom: 15px
}
.pb20 {
padding-bottom: 20px
}
.pb55 {
padding-bottom: 55px
}
.pt5 {
padding-top: 5px;
}
.pt10 {
padding-top: 10px;
}
.pt12 {
padding-top: 12px
}
.pt15 {
padding-top: 15px;
}
.pt20 {
padding-top: 20px;
}
.pt25 {
padding-top: 25px;
}
.pt42 {
padding-top: 42px;
}
.pt5p {
padding-top: 5%;
}
.pr0 {
padding-right: 0;
}
.pr5 {
padding-right: 5px;
}
.pl0 {
padding-left: 0;
}
.pl2 {
padding-left: 2px;
}
.pl5 {
padding-left: 5px;
}
.pl10 {
padding-left: 10px;
}
.pl15 {
padding-left: 15px;
}
.pl60 {
padding-left: 60px;
}
.-pl20 {
padding-left: -20px;
}
.pl12p {
padding-left: 12%;
}
/* 外边距 */
.margin15 {
margin: 15px;
}
.margin30 {
margin: 30px;
}
.m30 {
margin: 30px;
}
.mt0 {
margin-top: 0;
}
.mt1 {
margin-top: 1px;
}
.mt5 {
margin-top: 5px;
}
.mt9 {
margin-top: 9px;
}
.mt10 {
margin-top: 10px;
}
.mt15 {
margin-top: 15px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt-1 {
margin-top: -1px;
}
.mb0 {
margin-bottom: 0;
}
.mb5 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb15 {
margin-bottom: 15px;
}
.mb46 {
margin-bottom: 46px;
}
.mb60 {
margin-bottom: 60px;
}
.mr6 {
margin-right: 6px;
}
.mr20 {
margin-right: 20px;
}
.ml20 {
margin-left: 20px;
}
.mtb5 {
margin-top: 5px;
margin-bottom: 5px;
}
.mtb10 {
margin-top: 10px;
margin-bottom: 10px;
}
.mtb15 {
margin-top: 15px;
margin-bottom: 15px;
}
.mtb20 {
margin-top: 20px;
margin-bottom: 20px;
}
.mt20b50 {
margin-top: 20px;
margin-bottom: 50px;
}
.mlr3 {
margin-right: 3px;
margin-left: 3px;
}
.mlr10 {
margin-right: 10px;
margin-left: 10px;
}
.mlr15 {
margin-left: 15px;
margin-right: 15px;
}
/*签到*/
.maskbox {
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
display: none;
position: absolute;
z-index: 1000;
top: 0;
left: 0;
}
.calendar {
background: #faca34;
padding: 0px 15px 0;
}
.libaolist .bg-red {
background: #e60012;
}
.libaolist .pt2 {
padding-top: 2px;
}
.libaolist .pt3 {
padding-top: 3px;
}
.libaolist .btn-lingqu {
width: 70px;
text-align: center;
background: #e60012;
color: #fff;
}
.libaolist .btn-disable {
width: 70px;
text-align: center;
background: #c9c9c9;
color: #fff;
}
.btn-qiandao {
width: 160px;
height: 50px;
background: #e60012;
border: 5px solid #faca34;
color: #fff;
font-size: 18px;
font-weight: bolder;
border-radius: 25px;
text-align: center;
position: relative;
bottom: -20px;
}
.qdbox {
display: none;
padding: 15px 0;
width: 250px;
border: 3px solid #f82729;
border-radius: 10px;
background: #fff;
position: fixed;
z-index: 1001;
top: 50%;
left: 50%;
margin-top: -113px;
margin-left: -120px;
}
.qdbox .text-green {
color: #e60012;
}
.btn-lottery {
width: 120px;
text-align: center;
color: #fff;
background: #e60012;
font-size: 16px;
}
.calenbox {
width: 100%;
margin: 0 auto;
background: #faca34;
}
.calenbox .date {
width: 14%;
text-align: center;
background: #fff;
border-radius: 7px;
color: #6a3906;
font-weight: bolder;
font-size: 18px;
padding: 10px 0;
float: left;
border-right: 1px solid #faca34;
border-bottom: 1px solid #faca34;
}
.singer_r_img {
display: block;
width: 114px;
height: 52px;
line-height: 45px;
background: url(images/sing_week.gif) right 2px no-repeat;
vertical-align: middle;
*margin-bottom: -10px;
text-decoration: none;
}
.singer_r_img:hover {
background-position: right -53px;
text-decoration: none;
}
.singer_r_img span {
margin-left: 14px;
font-size: 16px;
font-family: 'Hiragino Sans GB','Microsoft YaHei',sans-serif !important;
font-weight: 700;
color: #165379;
}
.singer_r_img.current {
background: url(images/sing_sing.gif) no-repeat 0 2px;
border: 0;
text-decoration: none;
}
.sign table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
color: #a46626;
font-weight: bold;
font-size: 20px;
}
.sign th,.sign td {
width: 30px;
height: 40px;
text-align: center;
line-height: 40px;
border: 1px solid #faca34;
border-radius: 6px;
background: #fff;
}
.sign th {
font-size: 16px;
border-radius: 6px;
background: #fff;
}
.........完整代码请登录后点击上方下载按钮下载查看
热门代码搜索
其他语言代码库
Html代码库
Python代码库
Java代码库
Php代码库
Phpcli代码库
Golang代码库
C#代码库
Nodejs代码库
C代码库
C++代码库
Sql代码库
R代码库
Rust代码库
Ruby代码库
Dart代码库
Vb代码库
D代码库
F#代码库
Typescript代码库
Coffeescript代码库
Julia代码库
Kotlin代码库
Perl代码库
Groovy代码库
Lua代码库
Vala代码库
Ocaml代码库
Assembly代码库
Objectc代码库
Scala代码库
Erlang代码库
Pascal代码库
Swift代码库
Fortran代码库
Bash代码库
Clojure代码库
Ada代码库
Elixir代码库
Cobol代码库
Haskell代码库
Nim代码库
Racket代码库
Lisp代码库
网友评论0