增加基本项目配置
This commit is contained in:
180
assets/css/base.css
Normal file
180
assets/css/base.css
Normal file
@ -0,0 +1,180 @@
|
||||
@charset "UTF-8";
|
||||
/**
|
||||
*相关初始化
|
||||
*/
|
||||
.font-color-red {
|
||||
color: #73CBB6 !important;
|
||||
}
|
||||
.bg-color-red {
|
||||
background-color: #73CBB6 !important;
|
||||
}
|
||||
.icon-color {
|
||||
color: #73CBB6;
|
||||
}
|
||||
.cart-color {
|
||||
color: #73CBB6 !important;
|
||||
border: 1px solid #73CBB6 !important;
|
||||
}
|
||||
/* padding20 */
|
||||
.padding20 {
|
||||
padding: 0.2rem;
|
||||
}
|
||||
/* pad20 */
|
||||
.pad20 {
|
||||
padding: 0 0.2rem;
|
||||
}
|
||||
/* padding30 */
|
||||
.padding30 {
|
||||
padding: 0.3rem;
|
||||
}
|
||||
/*pad30 */
|
||||
.pad30 {
|
||||
padding: 0 0.3rem;
|
||||
}
|
||||
/* layout */
|
||||
.acea-row {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
/* 辅助类 */
|
||||
}
|
||||
.acea-row.row-middle {
|
||||
align-items: center;
|
||||
}
|
||||
.acea-row.row-top {
|
||||
align-items: flex-start;
|
||||
}
|
||||
.acea-row.row-bottom {
|
||||
align-items: flex-end;
|
||||
}
|
||||
.acea-row.row-center {
|
||||
justify-content: center;
|
||||
}
|
||||
.acea-row.row-right {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
.acea-row.row-left {
|
||||
justify-content: flex-start;
|
||||
}
|
||||
.acea-row.row-between {
|
||||
justify-content: space-between;
|
||||
}
|
||||
.acea-row.row-around {
|
||||
justify-content: space-around;
|
||||
}
|
||||
.acea-row.row-column-around {
|
||||
flex-direction: column;
|
||||
justify-content: space-around;
|
||||
}
|
||||
.acea-row.row-column {
|
||||
flex-direction: column;
|
||||
}
|
||||
.acea-row.row-column-between {
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
/* 上下左右垂直居中 */
|
||||
.acea-row.row-center-wrapper {
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
/* 上下两边居中对齐 */
|
||||
.acea-row.row-between-wrapper {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
/* 轮播图 */
|
||||
.slider-banner {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
/* height:750rpx; */
|
||||
overflow: hidden;
|
||||
}
|
||||
.slider-banner{
|
||||
|
||||
}
|
||||
.slider-banner .swiper-container {
|
||||
height: 100%;
|
||||
}
|
||||
.slider-banner img {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
.start {
|
||||
width: 1.22rem;
|
||||
height: 0.3rem;
|
||||
background-image: url("https://h5.dayouqiantu.cn/static/images/start.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 1.22rem auto;
|
||||
}
|
||||
.start.star5 {
|
||||
background-position: 0 0.03rem;
|
||||
}
|
||||
.start.star4 {
|
||||
background-position: 0 -0.3rem;
|
||||
}
|
||||
.start.star3 {
|
||||
background-position: 0 -0.7rem;
|
||||
}
|
||||
.start.star2 {
|
||||
background-position: 0 -1.05rem;
|
||||
}
|
||||
.start.star1 {
|
||||
background-position: 0 -1.4rem;
|
||||
}
|
||||
.start.star0 {
|
||||
background-position: 0 -1.75rem;
|
||||
}
|
||||
/* 单选框和多选框 */
|
||||
.checkbox-wrapper {
|
||||
position: relative;
|
||||
}
|
||||
.checkbox-wrapper input {
|
||||
display: none;
|
||||
}
|
||||
.checkbox-wrapper .icon {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 50%;
|
||||
display: inline-block;
|
||||
width: 18px;
|
||||
height: 18px;
|
||||
border: 1px solid #cccccc;
|
||||
border-radius: 50%;
|
||||
transform: translate(0, -50%);
|
||||
}
|
||||
.checkbox-wrapper input:checked + .icon {
|
||||
background-color: #e93323;
|
||||
border-color: #e93323;
|
||||
background-image: url("https://h5.dayouqiantu.cn/static/images/enter.png");
|
||||
background-size: 0.21rem 0.15rem;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center center;
|
||||
}
|
||||
.Loads {
|
||||
height: 0.8rem;
|
||||
font-size: 0.25rem;
|
||||
color: #000;
|
||||
}
|
||||
.Loads .iconfont {
|
||||
font-size: 0.3rem;
|
||||
margin-right: 0.1rem;
|
||||
height: 0.32rem;
|
||||
line-height: 0.32rem;
|
||||
}
|
||||
/*加载动画*/
|
||||
@keyframes load {
|
||||
from {
|
||||
transform: rotate(0deg);
|
||||
}
|
||||
to {
|
||||
transform: rotate(360deg);
|
||||
}
|
||||
}
|
||||
.loadingpic {
|
||||
animation: load 3s linear 1s infinite;
|
||||
}
|
||||
.loading {
|
||||
animation: load linear 1s infinite;
|
||||
}
|
43
assets/css/reset.css
Normal file
43
assets/css/reset.css
Normal file
@ -0,0 +1,43 @@
|
||||
input{line-height: normal; box-sizing:border-box;}
|
||||
@font-face {
|
||||
font-family: 'GuildfordProBook 5';
|
||||
src: url('https://h5.dayouqiantu.cn/static/iconfont/GuildfordProBook5.otf');
|
||||
}
|
||||
[v-cloak] {
|
||||
display: none;
|
||||
}
|
||||
.iconfont{
|
||||
font-size: .36rem;
|
||||
}
|
||||
/* 一像素边框 */
|
||||
@media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) {
|
||||
.border-1px::after {
|
||||
transform: scaleY(0.7);
|
||||
}
|
||||
.border-1px::before {
|
||||
transform: scaleY(0.7);
|
||||
}
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
|
||||
.border-1px::after {
|
||||
transform: scaleY(0.5);
|
||||
}
|
||||
.border-1px::before {
|
||||
transform: scaleY(0.5);
|
||||
}
|
||||
}
|
||||
@media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
|
||||
.border-1px::after {
|
||||
transform: scaleY(0.33);
|
||||
}
|
||||
.border-1px::before {
|
||||
transform: scaleY(0.33);
|
||||
}
|
||||
}
|
||||
.line1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
|
||||
.line2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
|
||||
.mask{position:fixed;top:0;left:0;right:0;bottom:0;z-index:55;background-color:rgba(0,0,0,0.5);}
|
||||
|
||||
|
||||
|
||||
|
8416
assets/css/style.css
Normal file
8416
assets/css/style.css
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user