锶源昆仑会员+体验官

pages/index/write/index.wxss

@@ -0,0 +1,192 @@
+page {
+    background-color: #f5f5f5;
+    padding: 30rpx;
+    box-sizing: border-box;
+}
+
+.issue-block {
+    background: white;
+    padding: 30rpx;
+    box-sizing: border-box;
+    border-radius: 10rpx;
+}
+
+.issue-textarea textarea {
+    width: 100%;
+    height: 200rpx;
+}
+
+.album-list {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.album-list-li {
+    margin-right: 10rpx;
+    position: relative;
+    width: calc(25% - 10rpx);
+    padding-top: calc(25% - 10rpx);
+    box-sizing: border-box;
+}
+
+.album-list-li:last-child {
+    margin: 0;
+}
+
+.album-list-img,
+.album-list-li-add {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #f5f5f5;
+    border-radius: 6rpx;
+}
+
+.album-list-li-add {
+    text-align: center;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-box-pack: center;
+    color: #666;
+    font-size: 26rpx;
+}
+
+.album-list-add-icon {
+    width: 34rpx;
+    height: 34rpx;
+}
+
+.album-remove {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, .5);
+    color: white;
+    font-size: 28rpx;
+    text-align: center;
+    line-height: 50rpx;
+    width: 100%;
+    z-index: 9;
+}
+
+.site-btn {
+    margin-top: 120rpx;
+}
+
+.site-btn button[size="mini"] {
+    width: 100%;
+    background: #1d37e2;
+    height: 88rpx;
+    line-height: 88rpx;
+    font-size: 30rpx;
+    color: white;
+    padding: 0;
+}
+
+.site-btn button[disabled] {
+    background: #7789ff !important;
+    color: #fff !important;
+}
+
+/* 获得水滴弹出层提示 */
+.publicBack {
+    position: fixed;
+    width: 100vw;
+    height: 100vh;
+    left: 0;
+    top: 0;
+    background-color: rgba(0, 0, 0, .5);
+    z-index: 99;
+    display: none;
+}
+
+.publicBack.active {
+    display: block;
+}
+
+.publicPop {
+    left: 50%;
+    top: 50%;
+    width: 440rpx;
+    height: 300rpx;
+    margin-left: -220rpx;
+    margin-top: -200rpx;
+    position: fixed;
+    z-index: 100;
+    background-color: #ffffff;
+    border-radius: 30rpx;
+    text-align: center;
+    display: none;
+}
+
+.publicBack.active {
+    display: block;
+}
+
+.publicPop-close {
+    position: absolute;
+    top: -20rpx;
+    right: -20rpx;
+    z-index: 102;
+    width: 54rpx;
+    height: 54rpx;
+}
+
+.publicPop-img {
+    width: 70%;
+    margin: -30rpx auto 0;
+}
+
+.publicPop-text {
+    padding-bottom: 20rpx;
+    box-sizing: border-box;
+    font-weight: 600;
+    color: #e56653;
+    padding-top: 40rpx;
+}
+
+.number {
+    font-size: 72rpx;
+    display: inline-block;
+    padding-right: 10rpx;
+}
+
+.publicPop-text text {
+    font-size: 36rpx;
+    display: inline-block;
+    line-height: 86rpx;
+    vertical-align: bottom;
+}
+
+.publicPop-tips {
+    position: absolute;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: #fdfae7;
+    color: #e6a950;
+    line-height: 80rpx;
+    font-weight: 600;
+    border-top: 2rpx solid #f6ede6;
+    border-radius: 0 0 30rpx 30rpx;
+}
+
+.publicPop-tips image {
+    width: 54rpx;
+    height: 54rpx;
+    vertical-align: -14rpx;
+}
+
+.publicPop-left {
+    width: 90rpx;
+    position: absolute;
+    top: 46%;
+    right: 2rpx;
+}
+
+.publicPop-right {
+    transform: rotate(180deg);
+    left: 2rpx;
+}