| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181 |
- @font-face {
- font-family: uniicons;
- font-weight: normal;
- font-style: normal;
- src: url('https://img-cdn-qiniu.dcloud.net.cn/fonts/uni.ttf') format('truetype');
- }
- page {
- background-color: #FFFFFF;
- }
- view {
- font-size: 28rpx;
- }
- .input-view {
- font-size: 28rpx;
- }
- .close-view {
- text-align: center;
- line-height: 14px;
- height: 16px;
- width: 16px;
- border-radius: 50%;
- background: #ff5053;
- color: #ffffff;
- position: absolute;
- top: -6px;
- right: -4px;
- font-size: 12px;
- }
- /* 上传 */
- .uni-uploader {
- flex: 1;
- flex-direction: column;
- }
- .uni-uploader-head {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- }
- .uni-uploader-info {
- color: #b2b2b2;
- }
- .uni-uploader-body {
- margin-top: 16rpx;
- }
- .uni-uploader__files {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- }
- .uni-uploader__file {
- margin: 10rpx;
- width: 210rpx;
- height: 210rpx;
- }
- .uni-uploader__img {
- display: block;
- width: 210rpx;
- height: 210rpx;
- }
- .uni-uploader__input-box {
- position: relative;
- margin: 10rpx;
- width: 208rpx;
- height: 208rpx;
- border: 2rpx solid #d9d9d9;
- }
- .uni-uploader__input-box:before,
- .uni-uploader__input-box:after {
- content: ' ';
- position: absolute;
- top: 50%;
- left: 50%;
- -webkit-transform: translate(-50%, -50%);
- transform: translate(-50%, -50%);
- background-color: #d9d9d9;
- }
- .uni-uploader__input-box:before {
- width: 4rpx;
- height: 79rpx;
- }
- .uni-uploader__input-box:after {
- width: 79rpx;
- height: 4rpx;
- }
- .uni-uploader__input-box:active {
- border-color: #999999;
- }
- .uni-uploader__input-box:active:before,
- .uni-uploader__input-box:active:after {
- background-color: #999999;
- }
- .uni-uploader__input {
- position: absolute;
- z-index: 1;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%;
- opacity: 0;
- }
- /*问题反馈*/
- .feedback-title {
- display: flex;
- flex-direction: row;
- justify-content: space-between;
- align-items: center;
- padding: 20rpx;
- color: #333333;
- font-size: 28rpx;
- }
- .feedback-star-view.feedback-title {
- justify-content: flex-start;
- margin: 0;
- }
- .feedback-quick {
- position: relative;
- padding-right: 40rpx;
- }
- .feedback-quick:after {
- font-family: uniicons;
- font-size: 40rpx;
- content: '\e581';
- position: absolute;
- right: 0;
- top: 50%;
- color: #bbb;
- -webkit-transform: translateY(-50%);
- transform: translateY(-50%);
- }
- .feedback-body {
- font-size: 32rpx;
- padding: 16rpx;
- margin: 16rpx;
- border-radius: 16rpx;
- background: #F2F2F2;
- color: #FFF;
- }
- .feedback-textare {
- height: 200rpx;
- font-size: 30rpx;
- line-height: 50rpx;
- width: 100%;
- box-sizing: border-box;
- padding: 10rpx 0rpx 0;
- color: #8f8f94;
- }
- .feedback-input {
- font-size: 32rpx;
- height: 60rpx;
- padding: 15rpx 20rpx;
- line-height: 60rpx;
- }
- .feedback-uploader {
- padding: 22rpx 20rpx;
- }
- .feedback-star {
- font-family: uniicons;
- font-size: 40rpx;
- margin-left: 6rpx;
- }
- .feedback-star-view {
- margin-left: 20rpx;
- }
- .feedback-star:after {
- content: '\e408';
- }
- .feedback-star.active {
- color: #ffb400;
- }
- .feedback-star.active:after {
- content: '\e438';
- }
- .feedback-submit {
- background: #007aff;
- color: #ffffff;
- margin: 20rpx;
- }
|