/* pages/index/index.wxss */ .search { background-color: #fff; padding: 16rpx 32rpx; display: flex; } .search-input { flex: 1; } .list { margin-top: 20rpx; } .base-card { position: relative; display: flex; justify-content: space-between; align-content: space-around; margin: 0 30rpx 30rpx; padding: 30rpx 15rpx; background-color: #fff; font-size: 24rpx; border-radius: 15rpx; } .data { display: flex; align-content: space-between; flex-wrap: wrap; height: 100%; width: 100%; } .title { width: 90%; font-size: 40rpx; } .operate { position: absolute; right: 15rpx; top: 30rpx; } .detail { width: 100%; font-size: 26rpx; color: #bbbbbb; } .txt { width: 100%; font-size: 30rpx; } .red { color: red; } .info { width: 100%; font-size: 30rpx; display: flex; align-items: center; } .no-data { margin-bottom: 30rpx; text-align: center; color: #bbbbbb; font-size: 28rpx; } .view-icon { margin-left: 20rpx; } .add { position: fixed; bottom: 50rpx; right: 50rpx; width: 100rpx; height: 100rpx; border-radius: 50%; background-color: #0052d9; } .btn { position: absolute; bottom: 30rpx; right: 15rpx; }