tsteam-business-card-card-mini/packagecard/marketing/marketingpublish.wxss
2024-02-22 11:04:15 +08:00

222 lines
3.2 KiB
Plaintext
Executable File

.card {
width: 100%;
height: 0;
position: relative;
box-sizing: border-box;
z-index: 100;
/* text-align: center; */
}
.card-bgImg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.area-box {
background: none !important;
z-index: 111;
}
.area-box image {
width: 100%;
height: 100%;
}
.card-info {
padding-bottom: 100rpx;
width: 100%;
margin-top: 15rpx;
}
.card-title {
font-size: 30rpx;
background: #ffffff;
width: 100%;
padding: 15rpx;
}
.row {
display: flex;
border-bottom: 1px solid #EEE;
background: #ffffff;
border-bottom: 1rpx solid #f5f5f5;
}
.row-ver {
display: flex;
border-bottom: 1px solid #EEE;
border-bottom: 1rpx solid #f5f5f5;
flex-direction: column;
background-color: #ffffff;
padding: 15rpx;
}
.row-ver:nth-child(1) {
padding: 15rpx 15rpx 7.5rpx 15rpx;
}
.row-ver:last-child {
padding: 7.5rpx 15rpx 15rpx 15rpx;
}
.item-title {
flex: 1;
font-size: 32rpx;
line-height: 50rpx;
color: #808080;
}
.item-title-box {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: 7.5rpx;
}
.item-input {
flex: 4;
box-sizing: border-box;
display: flex;
align-items: center;
margin-top: 15rpx;
}
.item-input input {
width: 100%;
text-align: left;
height: 50rpx;
font-size: 32rpx;
color: #333;
}
.item-input image {
max-width: 70%;
/* max-height: 120rpx; */
}
.item-code-input image {
max-width: 35%;
max-height: 160rpx;
}
.hide-link {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 1000;
}
.hide {
position: absolute;
top: 50%;
left: 50%;
width: 60%;
transform: translate(-50%, -50%);
border-radius: 10rpx;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.hide-btn {
display: flex;
width: 50%;
height: 60rpx;
background: #1d7ff0;
color: #fff;
font-size: 30rpx;
justify-content: center;
align-items: center;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 10rpx;
}
.hide-btn:nth-child(1) {
background: #E6B980;
border-bottom-left-radius: 10rpx;
border-bottom-right-radius: 0rpx;
}
.hide-btn:last-child {
border-bottom-left-radius: 0rpx;
border-bottom-right-radius: 10rpx;
}
.hide-text {
font-size: 36rpx;
color: #000;
padding: 50rpx 30rpx;
}
.hide-title {
font-size: 43rpx;
color: #ffC107;
padding: 10rpx;
}
.hide-btn-box {
display: flex;
width: 100%;
justify-content: space-between;
}
.input-box {
width: 100%;
}
.content-box {
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 15rpx;
}
.cuIcon-cameraadd {
font-size: 60rpx;
}
.card-img-box {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 40rpx;
justify-content: space-between;
}
.card-img-box image {
width: 200rpx;
height: 200rpx;
}
.hint-txt {
text-align: right;
color: #fd9494;
font-size: 24rpx;
}
/* 换行 */
.wrap-line {
overflow-wrap: break-word;
}
/* 居中 */
.wrap-center {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
overflow-wrap: break-word;
}