123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165 |
- page {
- background: #f4f4f4;
- width: 100%;
- overflow-y: scroll;
- }
- .box {
- overflow-y: scroll;
- }
- .inp {
- width: 100%;
- height: 152rpx;
- background-color: #fff;
- display: flex;
- align-items: center;
- }
- .inp>view {
- width: 90%;
- background-color: #f4f4f4;
- height: 88rpx;
- display: flex;
- align-items: center;
- border-radius: 10rpx;
- }
- .saoma {
- width: 20%;
- text-align: center;
- padding: 20rpx 0rpx;
- }
- .saoma image {
- height: 34rpx;
- width: 34rpx;
- vertical-align: -3rpx;
- }
- .inp input {
- height: 100%;
- padding-left: 25rpx;
- width: 80%;
- }
- .inp .placeholder {
- font-size: 32rpx;
- color: #808080;
- }
- .part {
- padding-bottom: 20rpx;
- }
- .intr,
- .add {
- font-size: 24rpx;
- color: #2A2A2A;
- }
- .intr {
- margin: 35rpx 0 35rpx 35rpx;
- }
- .list {
- width: 90%;
- margin: 0 auto;
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- }
- .list .option {
- width: 25%;
- border-radius: 8rpx;
- display: flex;
- flex-direction: column;
- align-items: center;
- padding-bottom: 10rpx;
- }
- .list .option view {
- font-size: 24rpx;
- color: #999;
- margin-top: -18rpx;
- }
- .list .active {
- background: #18D5B9;
- box-shadow: 0 0 7rpx 0 rgba(209, 209, 209, 1);
- color: #fff;
- }
- .list .active view {
- color: #fff;
- }
- .list image {
- height: 130rpx;
- width: 130rpx;
- }
- .list view {
- padding: 5rpx 0;
- }
- .addImg {
- height: 200rpx;
- background-color: #fff;
- }
- .addImg .add {
- padding: 27rpx 0 27rpx 35rpx;
- }
- .addImg .photo1 {
- margin-left: 35rpx;
- display: flex;
- }
- .supp {
- position: relative;
- }
- .content{
- width: 100%;
- display: flex;
- align-items: center;
- justify-content: center;
- background: white;
- }
- .content textarea {
- height: 158rpx;
- background-color: #fff;
- width: 95%;
- padding: 22rpx 0 0 0;
- font-size: 26rpx;
- box-sizing: border-box;
- }
- .content .count {
- position: absolute;
- bottom: 14rpx;
- right: 31rpx;
- color: #999;
- font-size: 24rpx;
- }
- .supp .place {
- font-size: 24rpx;
- color: #999999;
- }
- .submit {
- width: 70%;
- height: 76rpx;
- background: rgba(24, 213, 185, 1);
- border-radius: 38rpx;
- font-size: 32rpx;
- color: #fff;
- position: fixed;
- bottom: 2.5%;
- left: 15%;
- }
|