Files
zsw-jx-store/src/subPages/merchantChild/shareStore/shareStore.scss
2025-11-13 10:16:36 +08:00

92 lines
2.0 KiB
SCSS

.store-vender {
min-height: 90rpx;
background: white;
border-top: 1rpx solid #e5e5e5;
border-bottom: 1rpx solid #e5e5e5;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10rpx 20rpx;
margin-bottom: 20rpx;
.left {
display: flex;
align-items: center;
flex-shrink: 0;
.icon {
width: 60rpx;
height: 60rpx;
flex-shrink: 0;
background-size: 100%;
background-repeat: no-repeat;
border: 1rpx solid #efefef;
border-radius: 10rpx;
}
.vendor-name {
margin-left: 20rpx;
font-size: 34rpx;
display: flex;
}
}
.right {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.code-text {
font-size: 26rpx;
color: rgb(71, 71, 71);
}
}
}
.share-root {
display: flex;
flex-direction: column;
align-items: center;
width: 658rpx;
background-color: #fff;
border-radius: 20rpx;
overflow: auto;
.qrCode {
position: relative;
width: 658rpx;
height: 892rpx;
background-image: url('https://image.jxc4.com/image/713906375700d61ad84314a58e6ff240.png');
background-size: 658rpx 892rpx;
.title {
position: absolute;
width: 658rpx;
text-align: center;
top: 40rpx;
font-weight: bold;
color: #fff;
}
.canvas {
position: absolute;
width: 658rpx;
display: flex;
justify-content: center;
text-align: center;
top: 350rpx;
}
}
.closeQrCode {
margin-top: 100rpx;
margin-bottom: 70rpx;
background-image: linear-gradient(90deg, #ff7868, #fa9b57);
width: 550rpx;
border-radius: 100rpx;
text-align: center;
padding: 20rpx;
color: #fff;
}
}