.text-center { text-align: center; } .bg-w { background-color: #fff; } .flex1 { display: flex; } .flex2 { display: flex; align-items: center; } .flex3 { display: flex; align-items: center; justify-content: center; } .flex4 { display: flex; align-items: center; justify-content: space-between; } .font-13 { font-size: 13px; } .font-12 { font-size: 12px; } .font-11 { font-size: 11px; } .text-grey1 { color: #888; } .text-grey2 { color: #aaa; } .list-cell-arrow::before { content: ' '; height: 10px; width: 10px; border-width: 2px 2px 0 0; border-color: #c0c0c0; border-style: solid; -webkit-transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); transform: matrix(0.5, 0.5, -0.5, 0.5, 0, 0); position: absolute; top: 50%; margin-top: -6px; right: 30rpx; } .list-cell { position: relative; width: 100%; box-sizing: border-box; background-color: #fff; color: #333; padding: 26rpx 30rpx; } .list-cell:first-child { border-radius: 8rpx 8rpx 0 0; } .list-cell:last-child { border-radius: 0 0 8rpx 8rpx; } .list-cell::after { content: ''; position: absolute; border-bottom: 1px solid #eaeef1; -webkit-transform: scaleY(0.5) translateZ(0); transform: scaleY(0.5) translateZ(0); transform-origin: 0 100%; bottom: 0; right: 0; left: 0; pointer-events: none; } .flex1 { display: flex; align-items: center; } .menu-list { margin: 15px 15px; .menu-item-box { width: 100%; display: flex; align-items: center; .menu-icon { color: #007AFF; font-size: 16px; margin-right: 5px; } .text-right { margin-left: auto; margin-right: 34rpx; color: #999; } } } .u-bg-w { background-color: #fff; } /* 页面左右间距 */ $spacing-lg: 30upx; $spacing-base: 20upx; $spacing-sm: 10upx; $color-white: #fff; $color-black: #000; $page-row-spacing: 30upx; $page-color-base: #f8f8f8; $page-color-light: #f8f6fc; $base-color: #f60; /* 文字尺寸 */ $font-sm: 24upx; $font-base: 28upx; $font-lg: 32upx; /*文字颜色*/ $font-color-dark: #303133; $font-color-base: #606266; $font-color-light: #909399; $font-color-disabled: #C0C4CC; $font-color-spec: #4399fc; /* 边框颜色 */ $border-color-dark: #DCDFE6; $border-color-base: #E4E7ED; $border-color-light: #EBEEF5; /* 图片加载中颜色 */ $image-bg-color: #eee; /* 行为相关颜色 */ $uni-color-primary:#fa436a; $uni-color-success: #4cd964; $uni-color-warning: #f0ad4e; $uni-color-error: #dd524d; :export { baseColor: $base-color; }