You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
85 lines
4.4 KiB
85 lines
4.4 KiB
6 years ago
|
/* 基础样式 */
|
||
|
view,scroll-view,swiper,swiper-item,icon,text,progress,button,checkbox-group,checkbox,form,input,label,picker,radio-group,radio,slider,switch,action-sheet,action-sheet-item,action-sheet-cancel,modal,toast,loading,navigator,audio,image,video,map,canvas {
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
page {
|
||
|
height: 100%;
|
||
|
font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
checkbox-group,
|
||
|
radio-group{
|
||
|
display:block;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
:before,
|
||
|
:after ,
|
||
|
::before,
|
||
|
::after{
|
||
|
-webkit-box-sizing: border-box;
|
||
|
-moz-box-sizing: border-box;
|
||
|
box-sizing: border-box;
|
||
|
}
|
||
|
.c-minheight {
|
||
|
min-height: 80px;
|
||
|
}
|
||
|
.c-full {
|
||
|
width: 100%;
|
||
|
height: 100%;
|
||
|
}
|
||
|
.c-block {
|
||
|
display: block;
|
||
|
}
|
||
|
.c-autosize {
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
}
|
||
|
.c-fullwidth {
|
||
|
width: 100%;
|
||
|
}
|
||
|
.c-fullheight {
|
||
|
height: 100%;
|
||
|
}
|
||
|
.c-initHide{
|
||
|
opacity:0 !important;
|
||
|
}
|
||
|
.c-ellipse{
|
||
|
text-overflow: ellipsis;
|
||
|
display: -webkit-box;
|
||
|
-webkit-box-orient: vertical;
|
||
|
-webkit-line-clamp: 2;
|
||
|
overflow:hidden;
|
||
|
}
|
||
|
/* 自定义样式 */
|
||
|
.borrow{
|
||
|
width: 50%;
|
||
|
margin-top: 590rpx;
|
||
|
background-color:rgb(253, 153, 65);
|
||
|
color: white;
|
||
|
border-radius: 98rpx;
|
||
|
display: flex;
|
||
|
flex-direction: row;
|
||
|
align-items: center;
|
||
|
justify-content: center;
|
||
|
}
|
||
|
.image{
|
||
|
width: 40%;
|
||
|
margin-top: 10px;
|
||
|
}
|
||
|
|
||
|
.wx-view_3ZhLNq{transition: All 0s ease; margin-right: 150px; margin-left: 150px; transform: rotate(0deg) scale(1.6) translate(0%,43%); -ms-transform: rotate(0deg) scale(1.6) translate(0%,43%); -o-transform: rotate(0deg) scale(1.6) translate(0%,43%); -moz-transform: rotate(0deg) scale(1.6) translate(0%,43%); -webkit-transform: rotate(0deg) scale(1.6) translate(0%,43%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|
||
|
.wx-1{transition: All 0s ease; margin-right: 80px; margin-left: 80px; transform: rotate(0deg) scale(1.2) translate(0%,434%); -ms-transform: rotate(0deg) scale(1.2) translate(0%,434%); -o-transform: rotate(0deg) scale(1.2) translate(0%,434%); -moz-transform: rotate(0deg) scale(1.2) translate(0%,434%); -webkit-transform: rotate(0deg) scale(1.2) translate(0%,434%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|
||
|
.wx-2{transition: All 0s ease; margin-right: 80px; margin-left: 80px; transform: rotate(0deg) scale(1.2) translate(0%,543%); -ms-transform: rotate(0deg) scale(1.2) translate(0%,543%); -o-transform: rotate(0deg) scale(1.2) translate(0%,543%); -moz-transform: rotate(0deg) scale(1.2) translate(0%,543%); -webkit-transform: rotate(0deg) scale(1.2) translate(0%,543%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|
||
|
|
||
|
.wx-3{transition: All 0s ease; margin-right: 80px; margin-left: 80px; transform: rotate(0deg) scale(1.2) translate(0%,652%); -ms-transform: rotate(0deg) scale(1.2) translate(0%,652%); -o-transform: rotate(0deg) scale(1.2) translate(0%,652%); -moz-transform: rotate(0deg) scale(1.2) translate(0%,652%); -webkit-transform: rotate(0deg) scale(1.2) translate(0%,652%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|
||
|
.wx-4{transition: All 0s ease; margin-right: 80px; margin-left: 80px; transform: rotate(0deg) scale(1.2) translate(0%,761%); -ms-transform: rotate(0deg) scale(1.2) translate(0%,761%); -o-transform: rotate(0deg) scale(1.2) translate(0%,761%); -moz-transform: rotate(0deg) scale(1.2) translate(0%,761%); -webkit-transform: rotate(0deg) scale(1.2) translate(0%,761%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|
||
|
.wx-5{transition: All 0s ease; margin-right: 80px; margin-left: 80px; transform: rotate(0deg) scale(1.2) translate(0%,870%); -ms-transform: rotate(0deg) scale(1.2) translate(0%,870%); -o-transform: rotate(0deg) scale(1.2) translate(0%,870%); -moz-transform: rotate(0deg) scale(1.2) translate(0%,870%); -webkit-transform: rotate(0deg) scale(1.2) translate(0%,870%); -ms-transition: All 0s ease; -o-transition: All 0s ease; -moz-transition: All 0s ease; -webkit-transition: All 0s ease; }
|