first commit
This commit is contained in:
编码猿
1
h5/css/.pydio
Normal file
1
h5/css/.pydio
Normal file
@@ -0,0 +1 @@
|
||||
72a98da0-5c36-44c7-98b3-c910d9380559
|
||||
24
h5/css/about_us.css
Normal file
24
h5/css/about_us.css
Normal file
@@ -0,0 +1,24 @@
|
||||
.about_center {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
margin: 30% 0;
|
||||
padding: 0 0.3rem;
|
||||
text-align: center;
|
||||
}
|
||||
.about_center img{
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.about_center p{
|
||||
font-size: 0.34rem;
|
||||
margin-bottom: 0.18rem;
|
||||
font-weight: 400;
|
||||
}
|
||||
.about_center span {
|
||||
font-size: 0.3rem;
|
||||
color: #666;
|
||||
line-height: 0.42rem;
|
||||
}
|
||||
14
h5/css/agreement.css
Normal file
14
h5/css/agreement.css
Normal file
@@ -0,0 +1,14 @@
|
||||
.agreement {
|
||||
font-size: 0;
|
||||
}
|
||||
.agreement span{
|
||||
font-size: 0.32rem;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0.3rem;
|
||||
display: inline-block;
|
||||
}
|
||||
.agreement p{
|
||||
font-size: 0.28rem;
|
||||
margin-bottom: 0.36rem;
|
||||
color: #333;
|
||||
}
|
||||
37
h5/css/clear.css
Normal file
37
h5/css/clear.css
Normal file
@@ -0,0 +1,37 @@
|
||||
body,ul,li,h1,h2,h3,h4,h5,h6,p{
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #000;
|
||||
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
|
||||
-webkit-user-select: none;
|
||||
-moz-user-focus: none;
|
||||
-moz-user-select: none;
|
||||
}
|
||||
body,html,.content,.s-container,.s-wrapper {
|
||||
height: 100%;
|
||||
}
|
||||
.swiper-dot {
|
||||
background: #787777 !important;
|
||||
}
|
||||
.swiper-active {
|
||||
background: #fb7299 !important;
|
||||
}
|
||||
|
||||
.s-container {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.s-wrapper {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
.s-slide {
|
||||
float: left;
|
||||
height: calc(100% - 1.6rem - 1rem);
|
||||
overflow-y: scroll;
|
||||
margin-top: 1.6rem;
|
||||
}
|
||||
132
h5/css/home.css
Normal file
132
h5/css/home.css
Normal file
@@ -0,0 +1,132 @@
|
||||
.header {
|
||||
height: 1.6rem;
|
||||
position: fixed;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
z-index: 9;
|
||||
}
|
||||
.header_search {
|
||||
height: 0.88rem;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.3rem;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.search {
|
||||
width: 82%;
|
||||
background: #fff;
|
||||
height: 0.6rem;
|
||||
border-radius: 0.6rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
padding-left: 0.3rem;
|
||||
}
|
||||
.search i {
|
||||
color: #999;
|
||||
font-size: 0.26rem;
|
||||
margin-right: 0.1rem;
|
||||
padding-top: 0.02rem;
|
||||
}
|
||||
.search span {
|
||||
font-size: 0.24em;
|
||||
color: #999;
|
||||
}
|
||||
.header_search a {
|
||||
font-size: 0;
|
||||
}
|
||||
.icon-wo {
|
||||
font-size: 0.4rem;
|
||||
}
|
||||
.icon-taozi1{
|
||||
font-size: 0.45rem;
|
||||
}
|
||||
.header_menu{
|
||||
position: relative;
|
||||
height: 0.72rem;
|
||||
display: flex;
|
||||
background: #fe7fa2;
|
||||
}
|
||||
.header_menu .menu_list{
|
||||
display: flex;
|
||||
width: calc(100% - 0.8rem);
|
||||
overflow-x: scroll;
|
||||
align-items: center;
|
||||
padding-left: 0.3rem;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.menu_list li {
|
||||
font-size: 0.26rem;
|
||||
flex-shrink: 0;
|
||||
margin-right: 0.26rem;
|
||||
color: #d3d2d2;
|
||||
}
|
||||
.header_menu i{
|
||||
width: 0.8rem;
|
||||
height: 0.72rem;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
font-size: 0.3rem;
|
||||
background: #fe7fa2;
|
||||
color: #e3e3e3;
|
||||
line-height: 0.72rem;
|
||||
text-align: center;
|
||||
}
|
||||
.swiper-slide {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 0.28rem;
|
||||
}
|
||||
|
||||
.item_content {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.item_content .title{
|
||||
font-size: 0.32rem;
|
||||
color: #333;
|
||||
margin-bottom: 0.2rem;
|
||||
}
|
||||
.item_content ul{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.item_content li{
|
||||
width: 48%;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.item_content .item_top {
|
||||
position: relative;
|
||||
}
|
||||
.item_content .item_top img{
|
||||
width: 100%;
|
||||
}
|
||||
.item_content .item_top span {
|
||||
position: absolute;
|
||||
right: 0.2rem;
|
||||
bottom: 0.52rem;
|
||||
padding: 0.02rem 0.1rem;
|
||||
background: #000;
|
||||
color: #fff;
|
||||
border-radius: 0.6rem;
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.item_bottom .item_title{
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.1rem;
|
||||
overflow:hidden;
|
||||
text-overflow:ellipsis;
|
||||
white-space:nowrap;
|
||||
color: #333;
|
||||
}
|
||||
.source {
|
||||
font-size: 0.26rem;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
.menu_active {
|
||||
color: #ffffff !important;
|
||||
}
|
||||
45
h5/css/info.css
Normal file
45
h5/css/info.css
Normal file
@@ -0,0 +1,45 @@
|
||||
.info {
|
||||
width: 100%;
|
||||
}
|
||||
.ddd {
|
||||
font-size: 0;
|
||||
}
|
||||
.info img {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.info figure {
|
||||
display: block;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
font-size: 0;
|
||||
}
|
||||
|
||||
.info figcaption {
|
||||
display: none;
|
||||
}
|
||||
.info .info_item{
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.info_item p{
|
||||
font-size: 0.24rem;
|
||||
color: #8e8e8e;
|
||||
text-align: center;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.info_item img{
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.icon-xin {
|
||||
|
||||
}
|
||||
.next_page {
|
||||
display: inline-block;
|
||||
font-size: 0.4rem;
|
||||
margin-top: 0.2rem;
|
||||
color: #fb7299;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
18
h5/css/like.css
Normal file
18
h5/css/like.css
Normal file
@@ -0,0 +1,18 @@
|
||||
.newest_img {
|
||||
height: 5.3078rem;
|
||||
}
|
||||
.newest_img img {
|
||||
height: 4.9678rem;
|
||||
}
|
||||
.nodata {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.nodata i{
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
.nodata p{
|
||||
font-size: 0.24rem;
|
||||
color: #666;
|
||||
}
|
||||
208
h5/css/loading.css
Normal file
208
h5/css/loading.css
Normal file
@@ -0,0 +1,208 @@
|
||||
.loading {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
.back {
|
||||
padding: 0.4rem 0.4rem;
|
||||
background: #fb7299;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: 0.16rem;
|
||||
max-width: 4rem;
|
||||
}
|
||||
.back span {
|
||||
font-size: 0.3rem;
|
||||
letter-spacing: 0.02rem;
|
||||
color: #fff;
|
||||
}
|
||||
.load8 {
|
||||
width: 0.8rem;
|
||||
height: 0.8rem;
|
||||
position: relative;
|
||||
}
|
||||
.dialog_f {
|
||||
width: 86%;
|
||||
background: #fff;
|
||||
border-radius: 0.32rem;
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.dialog_header {
|
||||
padding-top: 0.52rem;
|
||||
font-weight: 500;
|
||||
line-height: 0.48rem;
|
||||
text-align: center;
|
||||
}
|
||||
.dialog_message {
|
||||
max-height: 60vh;
|
||||
padding: 0.16rem 0.48rem 0.52rem 0.48rem;
|
||||
overflow-y: auto;
|
||||
font-size: 0.28rem;
|
||||
line-height: 0.4rem;
|
||||
text-align: center;
|
||||
}
|
||||
.dialog_footer {
|
||||
display: flex;
|
||||
height: 0.96rem;
|
||||
border-top: 0.02rem solid #ebedf0;
|
||||
}
|
||||
.dialog_cancel,
|
||||
.dialog_confirm {
|
||||
width: 50%;
|
||||
text-align: center;
|
||||
line-height: 0.96rem;
|
||||
}
|
||||
.dialog_cancel:active {
|
||||
background: #e6e6e6;
|
||||
border-bottom-left-radius: 0.32rem;
|
||||
}
|
||||
.dialog_confirm:active {
|
||||
background: #e6e6e6;
|
||||
border-bottom-right-radius: 0.32rem;
|
||||
}
|
||||
.dialog_cancel {
|
||||
color: #323233;
|
||||
border-right: 0.02rem solid #ebedf0;
|
||||
}
|
||||
.dialog_confirm {
|
||||
color: #fb7299;
|
||||
}
|
||||
.container1>div,
|
||||
.container2>div,
|
||||
.container3>div {
|
||||
width: 0.2rem;
|
||||
height: 0.2rem;
|
||||
background-color: #fff;
|
||||
border-radius: 100%;
|
||||
position: absolute;
|
||||
-webkit-animation: bouncedelay 1.2s infinite ease-in-out;
|
||||
animation: bouncedelay 1.2s infinite ease-in-out;
|
||||
-webkit-animation-fill-mode: both;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.load8 .load8-container {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.container2 {
|
||||
-webkit-transform: rotateZ(45deg);
|
||||
transform: rotateZ(45deg);
|
||||
}
|
||||
|
||||
.container3 {
|
||||
-webkit-transform: rotateZ(90deg);
|
||||
transform: rotateZ(90deg);
|
||||
}
|
||||
|
||||
.circle1 {
|
||||
top: 0;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.circle2 {
|
||||
top: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.circle3 {
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.circle4 {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.container2 .circle1 {
|
||||
-webkit-animation-delay: -1.1s;
|
||||
animation-delay: -1.1s;
|
||||
}
|
||||
|
||||
.container3 .circle1 {
|
||||
-webkit-animation-delay: -1.0s;
|
||||
animation-delay: -1.0s;
|
||||
}
|
||||
|
||||
.container1 .circle2 {
|
||||
-webkit-animation-delay: -0.9s;
|
||||
animation-delay: -0.9s;
|
||||
}
|
||||
|
||||
.container2 .circle2 {
|
||||
-webkit-animation-delay: -0.8s;
|
||||
animation-delay: -0.8s;
|
||||
}
|
||||
|
||||
.container3 .circle2 {
|
||||
-webkit-animation-delay: -0.7s;
|
||||
animation-delay: -0.7s;
|
||||
}
|
||||
|
||||
.container1 .circle3 {
|
||||
-webkit-animation-delay: -0.6s;
|
||||
animation-delay: -0.6s;
|
||||
}
|
||||
|
||||
.container2 .circle3 {
|
||||
-webkit-animation-delay: -0.5s;
|
||||
animation-delay: -0.5s;
|
||||
}
|
||||
|
||||
.container3 .circle3 {
|
||||
-webkit-animation-delay: -0.4s;
|
||||
animation-delay: -0.4s;
|
||||
}
|
||||
|
||||
.container1 .circle4 {
|
||||
-webkit-animation-delay: -0.3s;
|
||||
animation-delay: -0.3s;
|
||||
}
|
||||
|
||||
.container2 .circle4 {
|
||||
-webkit-animation-delay: -0.2s;
|
||||
animation-delay: -0.2s;
|
||||
}
|
||||
|
||||
.container3 .circle4 {
|
||||
-webkit-animation-delay: -0.1s;
|
||||
animation-delay: -0.1s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes bouncedelay {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
-webkit-transform: scale(0.0)
|
||||
}
|
||||
|
||||
40% {
|
||||
-webkit-transform: scale(1.0)
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes bouncedelay {
|
||||
|
||||
0%,
|
||||
80%,
|
||||
100% {
|
||||
transform: scale(0.0);
|
||||
-webkit-transform: scale(0.0);
|
||||
}
|
||||
|
||||
40% {
|
||||
transform: scale(1.0);
|
||||
-webkit-transform: scale(1.0);
|
||||
}
|
||||
}
|
||||
23
h5/css/mechanism.css
Normal file
23
h5/css/mechanism.css
Normal file
@@ -0,0 +1,23 @@
|
||||
.mechanism_list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 0.3rem;
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
.mechanism_list li {
|
||||
width: 25%;
|
||||
text-align: center;
|
||||
font-size: 0;
|
||||
margin-bottom: 0.7rem;
|
||||
}
|
||||
.mechanism_list p {
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.06rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
.mechanism_list span {
|
||||
font-size: 0.24rem;
|
||||
color: #fb7299;
|
||||
}
|
||||
1
h5/css/model.css
Normal file
1
h5/css/model.css
Normal file
@@ -0,0 +1 @@
|
||||
|
||||
24
h5/css/model_info.css
Normal file
24
h5/css/model_info.css
Normal file
@@ -0,0 +1,24 @@
|
||||
.model_info_header {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: center;
|
||||
font-size: 0;
|
||||
}
|
||||
.model_info_header img{
|
||||
width: 1.4rem;
|
||||
height: 1.4rem;
|
||||
margin-right: 0.2rem;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.right_text {
|
||||
flex: 1;
|
||||
}
|
||||
.right_text p{
|
||||
font-weight: 500;
|
||||
font-size: 0.32rem;
|
||||
margin-bottom: 0.12rem;
|
||||
}
|
||||
.right_text span{
|
||||
font-size: 0.24rem;
|
||||
color: #909090;
|
||||
}
|
||||
44
h5/css/my.css
Normal file
44
h5/css/my.css
Normal file
@@ -0,0 +1,44 @@
|
||||
.header_my {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
height: 4rem;
|
||||
flex-direction: column;
|
||||
}
|
||||
.header_my i{
|
||||
font-size: 1.2rem;
|
||||
margin-bottom: 0.2rem;
|
||||
color: #fff;
|
||||
}
|
||||
.header_my p{
|
||||
font-size: 0.32rem;
|
||||
color: #fff;
|
||||
}
|
||||
.setting_list {
|
||||
margin-top: 0.2rem;
|
||||
}
|
||||
.list_item:active {
|
||||
background: #e6e6e6;;
|
||||
}
|
||||
.list_item a{
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 0 0.3rem;
|
||||
height: 0.96rem;
|
||||
}
|
||||
.item_left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.item_left .iconfont{
|
||||
font-size: 0.4rem;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.item_left span{
|
||||
font-size: 0.3rem;
|
||||
}
|
||||
.icon-qianjin-tongyong {
|
||||
font-size: 0.28rem;
|
||||
color: #c3c0c0;
|
||||
}
|
||||
221
h5/css/public.css
Normal file
221
h5/css/public.css
Normal file
@@ -0,0 +1,221 @@
|
||||
.theme_color {
|
||||
background: #fb7299;
|
||||
}
|
||||
.color_theme {
|
||||
color: #fb7299;
|
||||
}
|
||||
.color_white {
|
||||
color: white;
|
||||
}
|
||||
.padding_30 {
|
||||
padding: 0.3rem 0.3rem 0 0.3rem;
|
||||
}
|
||||
.active {
|
||||
color:#fb7299 !important;
|
||||
}
|
||||
|
||||
/* 底部样式 */
|
||||
.footer {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
background: #fff;
|
||||
height: 1rem;
|
||||
bottom: 0;
|
||||
}
|
||||
.footer ul{
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
border-top: 0.02rem solid #e8ebec;
|
||||
box-sizing: border-box;
|
||||
padding-top: 0.1rem;
|
||||
}
|
||||
.footer ul li a{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
}
|
||||
.footer ul li i{
|
||||
font-size: 0.3rem;
|
||||
margin-bottom: 0.08rem;
|
||||
}
|
||||
.footer ul li span{
|
||||
font-size: 0.24rem;
|
||||
}
|
||||
.footer_active i {
|
||||
color: #fb7299;
|
||||
}
|
||||
.footer_active span {
|
||||
color: #fb7299;
|
||||
}
|
||||
|
||||
|
||||
.header_theme1 {
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
height: 0.9rem;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 0.3rem;
|
||||
box-sizing: border-box;
|
||||
z-index: 999;
|
||||
justify-content: space-between;
|
||||
font-size: 0;
|
||||
}
|
||||
.header_theme1 i {
|
||||
color: #fff;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
.header_theme1 span {
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
|
||||
/* 模特的css */
|
||||
.item {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 22%;
|
||||
}
|
||||
.top {
|
||||
position: relative;
|
||||
}
|
||||
.item span {
|
||||
font-size: 0.22rem;
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: 0.06rem;
|
||||
padding: 0.02rem 0.1rem;
|
||||
background: rgb(0 0 0 / 58%);
|
||||
color: #fff;
|
||||
border-radius: 0.2rem;
|
||||
}
|
||||
.item img {
|
||||
width: 1.2rem;
|
||||
height: 1.2rem;
|
||||
border-radius: 100%;
|
||||
}
|
||||
.item p {
|
||||
font-size: 0.24rem;
|
||||
color: #7e7979;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* 公共的列表样式 */
|
||||
.item_list .title {
|
||||
font-size: 0.34rem;
|
||||
color: #333;
|
||||
margin-bottom: 0.26rem;
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.item_list ul {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.item_list ul li{
|
||||
width: 48%;
|
||||
margin-bottom: 0.3rem;
|
||||
}
|
||||
.item_list ul .newest_img{
|
||||
position: relative;
|
||||
}
|
||||
.item_list ul .newest_text{}
|
||||
.item_list .newest_img img{
|
||||
width: 100%;
|
||||
border-radius: 0.1rem;
|
||||
}
|
||||
.item_list .newest_img span{
|
||||
position: absolute;
|
||||
padding: 0.08rem 0.14rem;
|
||||
background: rgb(251 114 153 / 73%);
|
||||
color: rgb(255 255 255 / 73%);
|
||||
font-size: 0.24rem;
|
||||
right: 0.2rem;
|
||||
bottom: 0.42rem;
|
||||
border-radius: 0.28rem;
|
||||
}
|
||||
.item_list .newest_text .t{
|
||||
color: #333;
|
||||
font-size: 0.3rem;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-bottom: 0.08rem;
|
||||
}
|
||||
.newest_text .source {
|
||||
color: #666;
|
||||
font-size: 0.26rem;
|
||||
margin-bottom: 0.02rem;
|
||||
}
|
||||
.newest_text .tags {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 0.08rem;
|
||||
}
|
||||
.newest_text .tags_item {
|
||||
padding: 0.04rem 0.1rem;
|
||||
font-size: 0.24rem;
|
||||
background: #fb7299;
|
||||
margin-right: 0.06rem;
|
||||
color: #fff;
|
||||
border-radius: 0.18rem;
|
||||
margin-bottom: 0.06rem;
|
||||
}
|
||||
.tags_item a {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.content_info {
|
||||
padding-top: 0.9rem;
|
||||
}
|
||||
.content_my {
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
.content_theme1 {
|
||||
padding-top: 0.9rem;
|
||||
padding-bottom: 1rem;
|
||||
}
|
||||
|
||||
.model_list {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
margin-top: 0.24rem;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.model_list .item {
|
||||
margin-bottom: 0.6rem;
|
||||
}
|
||||
|
||||
.openApp {
|
||||
position: fixed;
|
||||
right: 0.3rem;
|
||||
bottom: 1.8rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
z-index: 9;
|
||||
font-size: 0;
|
||||
}
|
||||
.openApp img{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-bottom: 0.1rem;
|
||||
}
|
||||
.openApp p {
|
||||
font-size: 0.24rem;
|
||||
background: #fb7299;
|
||||
color: #fff;
|
||||
padding: 0.04rem 0.02rem;
|
||||
text-align: center;
|
||||
border-radius: 0.1rem;
|
||||
}
|
||||
48
h5/css/reg.css
Normal file
48
h5/css/reg.css
Normal file
@@ -0,0 +1,48 @@
|
||||
.content_theme1 {
|
||||
font-size: 0;
|
||||
padding-top: 20%;
|
||||
padding-left: 0.3rem;
|
||||
padding-right: 0.3rem;
|
||||
}
|
||||
.content_theme1 h2{
|
||||
font-size: 0.5rem;
|
||||
margin-bottom: 0.4rem;
|
||||
}
|
||||
.content_theme1 p {
|
||||
font-size: 0.32rem;
|
||||
}
|
||||
.content_theme1 span {
|
||||
font-size: 0.26rem;
|
||||
color: #7e7979;
|
||||
}
|
||||
.reg_input {
|
||||
margin-top: 0.6rem;
|
||||
}
|
||||
.reg_input input {
|
||||
width: 100%;
|
||||
height: 0.9rem;
|
||||
border: none;
|
||||
outline: none;
|
||||
border-bottom: 0.02rem solid #e1e0e0;
|
||||
}
|
||||
.showpas {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
}
|
||||
.showPassword {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0.32rem;
|
||||
font-size: 0.36rem;
|
||||
color: #777777;
|
||||
}
|
||||
.reg_input button {
|
||||
margin-top: 1.6rem;
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
border: none;
|
||||
border-radius: 0.4rem;
|
||||
background: #fb7299;
|
||||
color: #fff;
|
||||
font-size: 0.34rem;
|
||||
}
|
||||
36
h5/css/search.css
Normal file
36
h5/css/search.css
Normal file
@@ -0,0 +1,36 @@
|
||||
.search_input {
|
||||
font-size: 0;
|
||||
display: flex;
|
||||
height: 0.88rem;
|
||||
align-items: center;
|
||||
box-sizing: border-box;
|
||||
justify-content: space-between;
|
||||
padding: 0 0.3rem;
|
||||
position: fixed;
|
||||
width: 100%;
|
||||
left: 0;
|
||||
top: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
.search_input input{
|
||||
width: 80%;
|
||||
border: none;
|
||||
outline: none;
|
||||
height: 0.6rem;
|
||||
padding-left: 0.3rem;
|
||||
border-radius: 0.6rem;
|
||||
box-sizing: border-box;
|
||||
font-size: 0.26rem;
|
||||
}
|
||||
.search_input i {
|
||||
color: #fff;
|
||||
font-size: 0.32rem;
|
||||
font-weight: bolder;
|
||||
}
|
||||
.search_list ul .nodata{
|
||||
font-size: 0.26rem;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
color: #666;
|
||||
margin-top: 0.4rem;
|
||||
}
|
||||
42
h5/css/swiper.css
Normal file
42
h5/css/swiper.css
Normal file
@@ -0,0 +1,42 @@
|
||||
.swiper-wrapper .swiper-slide {
|
||||
float: left;
|
||||
}
|
||||
.swiper-container {
|
||||
overflow: hidden;
|
||||
position: relative;
|
||||
}
|
||||
.swiper-pagination {
|
||||
position: absolute;
|
||||
bottom: 10px;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
.swiper-dot {
|
||||
width: 7px;
|
||||
height: 7px;
|
||||
background: #fff;
|
||||
border-radius: 100%;
|
||||
margin-right: 5px;
|
||||
float: left;
|
||||
}
|
||||
.swiper-button-prev,
|
||||
.swiper-button-next {
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
color: #fff;
|
||||
font-size: 30px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.swiper-button-prev {
|
||||
left: 10px;
|
||||
}
|
||||
.swiper-button-next {
|
||||
right: 10px;
|
||||
}
|
||||
.swiper-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.swiper-active {
|
||||
background: red !important;
|
||||
}
|
||||
25
h5/css/type_edit.css
Normal file
25
h5/css/type_edit.css
Normal file
@@ -0,0 +1,25 @@
|
||||
.chioose {
|
||||
margin-top: 0.3rem;
|
||||
}
|
||||
.chioose p {
|
||||
font-size: 0.24rem;
|
||||
margin-bottom: 0.14rem;
|
||||
color: #666;
|
||||
}
|
||||
.chiooseWrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.chiooseWrap li{
|
||||
width: 23.8%;
|
||||
text-align: center;
|
||||
font-size: 0.28rem;
|
||||
border: 1px solid #ccc;
|
||||
margin-bottom: 0.1rem;
|
||||
padding: 0.1rem 0;
|
||||
box-sizing: border-box;
|
||||
margin-right: 0.1rem;
|
||||
}
|
||||
.chiooseWrap li:nth-child(4n) {
|
||||
margin-right: 0 !important;
|
||||
}
|
||||
Reference in New Issue
Block a user