19 lines
1.1 KiB
Plaintext
19 lines
1.1 KiB
Plaintext
|
|
.content{ display: flex; align-items: center; flex-direction: column; justify-content: center; background: white; box-shadow: brown; min-height: 100vh;}
|
|
|
|
/* 海报预览 */
|
|
.poster{ width: 550rpx; height: 900rpx; background: white; box-shadow: 0 0 10rpx 10rpx rgba(0, 0, 0, .05); border-radius: 20rpx; overflow: hidden; }
|
|
.poster-item{ width: 550rpx; height: 900rpx; background-position: center; background-size: cover; position: relative; }
|
|
.poster-qrocde{ position: absolute; background-color: white; padding: 10rpx; border-radius: 50%; }
|
|
|
|
/* 分享功能 */
|
|
.tool{ display: flex; align-items: center; justify-content: space-around; width: 70vw; margin-top: 80rpx; }
|
|
.tool-item{ text-align: center; }
|
|
.tool-item[size="mini"]{ padding: 0; margin: 0; background-color: transparent; }
|
|
.tool-icon{ background: #f7f8f9; width: 88rpx; height: 88rpx; border-radius: 50%; vertical-align: top;}
|
|
.tool-text{ color: gray; font-size: 30rpx; line-height: 40rpx; margin-top: 10rpx; font-weight: normal;}
|
|
|
|
/* canvas */
|
|
.canvas{ background: #ddd; position: absolute; top: 0; left:-200%; }
|
|
|