.container { width: 100%; height: 100%; min-height: 242rpx; } .album-container { margin: 3rpx; min-height: 242rpx; marring-top: 83rpx; } .item-group { display: flex; } .album-item { flex: 1; text-align: center; margin: 3rpx; width: 242rpx; height: 242rpx; line-height: 242rpx; } .album-item.empty { background: transparent; } .upload-tips { color: #888; display: block; font-size: 30rpx; height: 80rpx; line-height: 80rpx; margin: 0 20rpx; } .upload-wrap { color: #ccc; background-color: #fff; border: 1px solid #888; position: absolute; left: 6rpx; top: 86rpx; width: 240rpx; height: 239rpx; text-align: center; line-height: 240rpx; overflow: hidden; } .upload-add-outer { display: inline-block; flex: 1; text-align: center; margin: 3rpx; width: 242rpx; height: 242rpx; line-height: 242rpx; } .upload-add { display: block; position: relative; text-align: center; margin: 3rpx; width: 242rpx; height: 240rpx; border: 1rpx solid #ccc; line-height: 240rpx; color: #ccc; overflow: hidden; box-sizing:border-box; } .upload-add image { position: absolute; left: 0; width: 240rpx; height: 2.6rem; top: 1.2rem; } .upload-add text { position: absolute; width: 240rpx; height: 2rem; left: 0; top: 1.6rem; color: #888; } .upload-image { color: #ccc; background-color: #fff; border: 1px solid #888; position: absolute; left: 6rpx; top: 86rpx; width: 240rpx; height: 239rpx; text-align: center; line-height: 240rpx; overflow: hidden; } .upload-image image { position: absolute; left: 0; width: 242rpx; height: 2.6rem; top: 1.2rem; } .upload-image text { position: absolute; width: 242rpx; height: 2rem; left: 0; top: 1.6rem; color: #888; } .swiper-container { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; } .swiper-container image { width: 100%; height: 100%; } action-sheet-item.warn { color: #e64340; }