44 lines
2.5 KiB
Plaintext
44 lines
2.5 KiB
Plaintext
/* packageB/pages/files/files-component/files-component.wxss */
|
|
@import "/app.wxss";
|
|
.header-space{width: 100%;height: 80rpx;}
|
|
.header{width: 100%;height: 80rpx;background-color: #ffffff;position: sticky;left: 0;top: 0;}
|
|
.header-icon-out{width: 70rpx;height: 70rpx;position: relative;}
|
|
.red-dot{position:absolute;bottom: 40rpx;left: 30rpx;background-color: #FF0629;color: #fff;height: 32rpx;min-width: 16rpx;padding: 0 8rpx;border-radius: 32rpx;font-size: 24rpx;z-index: 999;}
|
|
.header-icon{width: 32rpx;height: 32rpx;}
|
|
.h-item{width: 160rpx;}
|
|
|
|
.transform-90{transform: rotate(90deg);}
|
|
.transform-270{transform: rotate(270deg);}
|
|
|
|
|
|
.file-type-modal{position: fixed;left: 20rpx;background-color: #fff;border-radius: 10rpx;box-shadow: 0 0 20rpx #dbdbdb;width: 200rpx;}
|
|
.item-list{height: 80rpx;}
|
|
.item-icon{width: 34rpx;height: 34rpx;}
|
|
.filter-type-modal{position: fixed;left: 140rpx;background-color: #fff;border-radius: 10rpx;box-shadow: 0 0 20rpx #dbdbdb;width: 200rpx;}
|
|
|
|
/* 目录 */
|
|
.catalogue{width: 100%;height: 80rpx;display: flex;justify-content: space-between;align-items: center;padding: 0 20rpx;border-bottom: 1px solid #ececec;}
|
|
.catalogue .scroll-view{width: calc(100% - 220rpx);white-space: nowrap;}
|
|
.catalogue .scroll-view .scroll-item{display: inline-block;}
|
|
|
|
|
|
.fixed-add-button{width: 100rpx;height: 100rpx;background-color:#7B53E8;border-radius: 50%;}
|
|
|
|
|
|
/* 新增文件夹 */
|
|
.input-folder{border: 1rpx solid #ECECEC;width: 100%;border-radius: 10rpx;padding:0 20rpx;height: 90rpx;margin: 20rpx 0;}
|
|
.button{width: 255rpx;height: 90rpx;border-radius: 90rpx;}
|
|
|
|
.footer-inside{width: 100%;height: 100rpx;}
|
|
.footer{position: fixed;bottom: 0;left: 0;width: 100%;height: calc(100rpx + env(safe-area-inset-bottom));background-color: #fff;box-shadow: 0 0 20rpx #dbdbdb;padding-bottom: env(safe-area-inset-bottom);}
|
|
.footer-icon{width: 40rpx;height: 40rpx;}
|
|
|
|
.add-box{display: flex;justify-content: space-between;flex-wrap: wrap;width: 100%;padding: 30rpx 30rpx 0;position: fixed;bottom: calc(env(safe-area-inset-bottom));z-index: 999;background: #fff;}
|
|
.piece{width: 20%;text-align: center;padding:30rpx 0;border-radius: 20rpx;color: #333;align-items: center;}
|
|
.piece image{width:100rpx;height: 100rpx;}
|
|
.icon{width: 40rpx;height: 40rpx;}
|
|
|
|
.movable-area {position: fixed;left: 10px;bottom: calc(100rpx + env(safe-area-inset-bottom));right: 10px;pointer-events: none;z-index: 100;}
|
|
.movable-view{width: 50px;height: 50px;pointer-events: auto;z-index: 199;}
|
|
.btn-box{padding: 10rpx 30rpx;border: 1px solid #722ed1;border-radius: 10rpx;}
|