完成3.1样式修改
This commit is contained in:
Gao xiaosong
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -1,5 +1,19 @@
|
||||
|
||||
view,
|
||||
scroll-view,
|
||||
swiper,
|
||||
button,
|
||||
input,
|
||||
textarea,
|
||||
label,
|
||||
navigator,
|
||||
image {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
page {
|
||||
background: #f5f5f5;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.newsList .newsSwitch .van-hairline--top-bottom::after {
|
||||
@ -6947,7 +6961,7 @@ page {
|
||||
}
|
||||
|
||||
.flash-sale .list .item .text {
|
||||
width: 5*100rpx;
|
||||
width: 4.7*100rpx;
|
||||
font-size: 0.3*100rpx;
|
||||
color: #333;
|
||||
height: 1.66*100rpx;
|
||||
@ -8612,3 +8626,574 @@ rich-text {
|
||||
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*单行文本溢出省略号*/
|
||||
.one-t {
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
transition: all linear 0.2s;
|
||||
}
|
||||
/*多行文本溢出省略号*/
|
||||
.more-t {
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
display: -webkit-box;
|
||||
-webkit-line-clamp: 2;
|
||||
-webkit-box-orient: vertical;
|
||||
transition: all linear 0.2s;
|
||||
}
|
||||
|
||||
/* ==================
|
||||
flex布局(colorui里面也有相关基础样式)
|
||||
==================== */
|
||||
/* x水平排列*/
|
||||
.x-f {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
/*x两端且水平居中*/
|
||||
.x-bc {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
}
|
||||
/*x平分且水平居中*/
|
||||
.x-ac {
|
||||
display: flex;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}
|
||||
/*x水平靠上对齐*/
|
||||
.x-start {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
}
|
||||
/*x水平靠下对齐*/
|
||||
.x-end {
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
}
|
||||
/*上下左右居中*/
|
||||
.x-c {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
/*y竖直靠左*/
|
||||
.y-start {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
}
|
||||
/*y竖直靠右*/
|
||||
.y-end {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-end;
|
||||
}
|
||||
/*y竖直居中*/
|
||||
.y-f {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
// y竖直两端
|
||||
.y-b {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
}
|
||||
/*y竖直两端居中*/
|
||||
.y-bc {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
|
||||
/* ==================
|
||||
自定义变量
|
||||
==================== */
|
||||
/*盒子模型*/
|
||||
.mt2 {
|
||||
margin-top: 2rpx;
|
||||
}
|
||||
|
||||
.mr2 {
|
||||
margin-right: 2rpx;
|
||||
}
|
||||
|
||||
.mb2 {
|
||||
margin-bottom: 2rpx;
|
||||
}
|
||||
|
||||
.ml2 {
|
||||
margin-left: 2rpx;
|
||||
}
|
||||
|
||||
.mx2 {
|
||||
margin-left: 2rpx;
|
||||
margin-right: 2rpx;
|
||||
}
|
||||
|
||||
.my2 {
|
||||
margin-top: 2rpx;
|
||||
margin-bottom: 2rpx;
|
||||
}
|
||||
|
||||
.ma2 {
|
||||
margin: 2rpx;
|
||||
}
|
||||
|
||||
.mt4 {
|
||||
margin-top: 4rpx;
|
||||
}
|
||||
|
||||
.mr4 {
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
|
||||
.mb4 {
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.ml4 {
|
||||
margin-left: 4rpx;
|
||||
}
|
||||
|
||||
.mx4 {
|
||||
margin-left: 4rpx;
|
||||
margin-right: 4rpx;
|
||||
}
|
||||
|
||||
.my4 {
|
||||
margin-top: 4rpx;
|
||||
margin-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.ma4 {
|
||||
margin: 4rpx;
|
||||
}
|
||||
|
||||
.mt8 {
|
||||
margin-top: 8rpx;
|
||||
}
|
||||
|
||||
.mr8 {
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.mb8 {
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.ml8 {
|
||||
margin-left: 8rpx;
|
||||
}
|
||||
|
||||
.mx8 {
|
||||
margin-left: 8rpx;
|
||||
margin-right: 8rpx;
|
||||
}
|
||||
|
||||
.my8 {
|
||||
margin-top: 8rpx;
|
||||
margin-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.ma8 {
|
||||
margin: 8rpx;
|
||||
}
|
||||
|
||||
.mt10 {
|
||||
margin-top: 10rpx;
|
||||
}
|
||||
|
||||
.mr10 {
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.mb10 {
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.ml10 {
|
||||
margin-left: 10rpx;
|
||||
}
|
||||
|
||||
.mx10 {
|
||||
margin-left: 10rpx;
|
||||
margin-right: 10rpx;
|
||||
}
|
||||
|
||||
.my10 {
|
||||
margin-top: 10rpx;
|
||||
margin-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.ma10 {
|
||||
margin: 10rpx;
|
||||
}
|
||||
|
||||
.mt15 {
|
||||
margin-top: 15rpx;
|
||||
}
|
||||
|
||||
.mr15 {
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.mb15 {
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.ml15 {
|
||||
margin-left: 15rpx;
|
||||
}
|
||||
|
||||
.mx15 {
|
||||
margin-left: 15rpx;
|
||||
margin-right: 15rpx;
|
||||
}
|
||||
|
||||
.my15 {
|
||||
margin-top: 15rpx;
|
||||
margin-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.ma15 {
|
||||
margin: 15rpx;
|
||||
}
|
||||
|
||||
.mt20 {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
|
||||
.mr20 {
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.mb20 {
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.ml20 {
|
||||
margin-left: 20rpx;
|
||||
}
|
||||
|
||||
.mx20 {
|
||||
margin-left: 20rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.my20 {
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.ma20 {
|
||||
margin: 20rpx;
|
||||
}
|
||||
|
||||
.mt24 {
|
||||
margin-top: 24rpx;
|
||||
}
|
||||
|
||||
.mr24 {
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.mb24 {
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.ml24 {
|
||||
margin-left: 24rpx;
|
||||
}
|
||||
|
||||
.mx24 {
|
||||
margin-left: 24rpx;
|
||||
margin-right: 24rpx;
|
||||
}
|
||||
|
||||
.my24 {
|
||||
margin-top: 24rpx;
|
||||
margin-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.ma24 {
|
||||
margin: 24rpx;
|
||||
}
|
||||
|
||||
.mt30 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
|
||||
.mr30 {
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.mb30 {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.ml30 {
|
||||
margin-left: 30rpx;
|
||||
}
|
||||
|
||||
.mx30 {
|
||||
margin-left: 30rpx;
|
||||
margin-right: 30rpx;
|
||||
}
|
||||
|
||||
.my30 {
|
||||
margin-top: 30rpx;
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.ma30 {
|
||||
margin: 30rpx;
|
||||
}
|
||||
|
||||
.pt2 {
|
||||
padding-top: 2rpx;
|
||||
}
|
||||
|
||||
.pr2 {
|
||||
padding-right: 2rpx;
|
||||
}
|
||||
|
||||
.pb2 {
|
||||
padding-bottom: 2rpx;
|
||||
}
|
||||
|
||||
.pl2 {
|
||||
padding-left: 2rpx;
|
||||
}
|
||||
|
||||
.px2 {
|
||||
padding-left: 2rpx;
|
||||
padding-right: 2rpx;
|
||||
}
|
||||
|
||||
.py2 {
|
||||
padding-top: 2rpx;
|
||||
padding-bottom: 2rpx;
|
||||
}
|
||||
|
||||
.pa2 {
|
||||
padding: 2rpx;
|
||||
}
|
||||
|
||||
.pt4 {
|
||||
padding-top: 4rpx;
|
||||
}
|
||||
|
||||
.pr4 {
|
||||
padding-right: 4rpx;
|
||||
}
|
||||
|
||||
.pb4 {
|
||||
padding-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.pl4 {
|
||||
padding-left: 4rpx;
|
||||
}
|
||||
|
||||
.px4 {
|
||||
padding-left: 4rpx;
|
||||
padding-right: 4rpx;
|
||||
}
|
||||
|
||||
.py4 {
|
||||
padding-top: 4rpx;
|
||||
padding-bottom: 4rpx;
|
||||
}
|
||||
|
||||
.pa4 {
|
||||
padding: 4rpx;
|
||||
}
|
||||
|
||||
.pt8 {
|
||||
padding-top: 8rpx;
|
||||
}
|
||||
|
||||
.pr8 {
|
||||
padding-right: 8rpx;
|
||||
}
|
||||
|
||||
.pb8 {
|
||||
padding-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.pl8 {
|
||||
padding-left: 8rpx;
|
||||
}
|
||||
|
||||
.px8 {
|
||||
padding-left: 8rpx;
|
||||
padding-right: 8rpx;
|
||||
}
|
||||
|
||||
.py8 {
|
||||
padding-top: 8rpx;
|
||||
padding-bottom: 8rpx;
|
||||
}
|
||||
|
||||
.pa8 {
|
||||
padding: 8rpx;
|
||||
}
|
||||
|
||||
.pt10 {
|
||||
padding-top: 10rpx;
|
||||
}
|
||||
|
||||
.pr10 {
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.pb10 {
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.pl10 {
|
||||
padding-left: 10rpx;
|
||||
}
|
||||
|
||||
.px10 {
|
||||
padding-left: 10rpx;
|
||||
padding-right: 10rpx;
|
||||
}
|
||||
|
||||
.py10 {
|
||||
padding-top: 10rpx;
|
||||
padding-bottom: 10rpx;
|
||||
}
|
||||
|
||||
.pa10 {
|
||||
padding: 10rpx;
|
||||
}
|
||||
|
||||
.pt15 {
|
||||
padding-top: 15rpx;
|
||||
}
|
||||
|
||||
.pr15 {
|
||||
padding-right: 15rpx;
|
||||
}
|
||||
|
||||
.pb15 {
|
||||
padding-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.pl15 {
|
||||
padding-left: 15rpx;
|
||||
}
|
||||
|
||||
.px15 {
|
||||
padding-left: 15rpx;
|
||||
padding-right: 15rpx;
|
||||
}
|
||||
|
||||
.py15 {
|
||||
padding-top: 15rpx;
|
||||
padding-bottom: 15rpx;
|
||||
}
|
||||
|
||||
.pa15 {
|
||||
padding: 15rpx;
|
||||
}
|
||||
|
||||
.pt20 {
|
||||
padding-top: 20rpx;
|
||||
}
|
||||
|
||||
.pr20 {
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
|
||||
.pb20 {
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.pl20 {
|
||||
padding-left: 20rpx;
|
||||
}
|
||||
|
||||
.px20 {
|
||||
padding-left: 20rpx;
|
||||
padding-right: 20rpx;
|
||||
}
|
||||
|
||||
.py20 {
|
||||
padding-top: 20rpx;
|
||||
padding-bottom: 20rpx;
|
||||
}
|
||||
|
||||
.pa20 {
|
||||
padding: 20rpx;
|
||||
}
|
||||
|
||||
.pt24 {
|
||||
padding-top: 24rpx;
|
||||
}
|
||||
|
||||
.pr24 {
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
|
||||
.pb24 {
|
||||
padding-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.pl24 {
|
||||
padding-left: 24rpx;
|
||||
}
|
||||
|
||||
.px24 {
|
||||
padding-left: 24rpx;
|
||||
padding-right: 24rpx;
|
||||
}
|
||||
|
||||
.py24 {
|
||||
padding-top: 24rpx;
|
||||
padding-bottom: 24rpx;
|
||||
}
|
||||
|
||||
.pa24 {
|
||||
padding: 24rpx;
|
||||
}
|
||||
|
||||
.pt30 {
|
||||
padding-top: 30rpx;
|
||||
}
|
||||
|
||||
.pr30 {
|
||||
padding-right: 30rpx;
|
||||
}
|
||||
|
||||
.pb30 {
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.pl30 {
|
||||
padding-left: 30rpx;
|
||||
}
|
||||
|
||||
.px30 {
|
||||
padding-left: 30rpx;
|
||||
padding-right: 30rpx;
|
||||
}
|
||||
|
||||
.py30 {
|
||||
padding-top: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
}
|
||||
|
||||
.pa30 {
|
||||
padding: 30rpx;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user