审查视图

pages/my/comment/comment.wxss 2.5 KB
刘晓艳 authored
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40
/* pages/my/comment/comment.wxss */

page {
  background-color: #fafafa;
}

.content_item, .content_item1 {
  padding: 0 29rpx;
  margin-bottom: 20rpx;
  background-color: #fff;
  padding-top: 40rpx;
}

.content_item1 {
  padding: 40rpx 29rpx;
}

.evaluation {
  font-size: 30rpx;
  color: #222;
  text-align: center;
  padding-bottom: 40rpx;
}

.evaluation1 {
  font-size: 30rpx;
  color: #222;
  text-align: center;
  border-top: 1rpx solid #ededed;
  padding: 40rpx 0;
}

.icon_font {
  display: flex;
  align-items: center;
  justify-content: center;
}

.icon-pingjia {
  font-size: 50rpx;
王旭宇 authored
41
  color: #888;
刘晓艳 authored
42 43 44
  margin-top: 30rpx;
  margin-right: 20rpx;
}
王旭宇 authored
45 46 47
.icon-pingjia.active{
        color: #ffda44
}
刘晓艳 authored
48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71

.item_list {
  font-size: 28rpx;
  color: #222;
  display: flex;
  justify-content: space-between;
  padding-bottom: 40rpx;
}

.content_btn {
  display: flex;
}

.praise, .step_on {
  width: 87rpx;
  height: 42rpx;
  border: 1rpx solid #ccc;
  font-size: 24rpx;
  border-radius: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 9rpx 15rpx;
  margin-left: 28rpx;
王旭宇 authored
72
 color:#888;
刘晓艳 authored
73
}
王旭宇 authored
74
刘晓艳 authored
75 76 77 78
.icon-zan, .icon-cai {
  font-size: 24rpx;
  margin-right: 10rpx;
}
王旭宇 authored
79 80 81 82 83 84
.praise.active{
        color:#FF5757;
}
.step_on.active{
         color:#FF5757;
}
刘晓艳 authored
85 86 87 88 89 90 91 92 93 94 95 96

.area_box {
  height: 200rpx;
  position: relative;
  box-sizing: border-box;
}

.text_area {
  border-radius: 16rpx;
  background-color: #fafafa;
  padding: 20rpx;
  box-sizing: border-box;
王旭宇 authored
97 98
  font-size: 26rpx;
  
刘晓艳 authored
99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115
}

.area {
  font-size: 28rpx;
  color: #888;
}

.font_num {
  font-size: 26rpx;
  color: #888;
  position: absolute;
  bottom: 21rpx;
  right: 21rpx;
}

.img_box {
  display: flex;
王旭宇 authored
116
  flex-wrap: wrap;
刘晓艳 authored
117 118 119 120 121 122 123 124 125 126
  margin-top: 19rpx;
}

.content_img {
  width: 160rpx;
  height: 160rpx;
  border: 2rpx dashed #ededed;
  border-radius: 11rpx;
  text-align: center;
  line-height: 160rpx;
王旭宇 authored
127 128 129 130 131 132 133 134 135 136 137 138 139
  margin-right: 102rpx;
  margin-bottom:30rpx;
  position: relative
}
.icon-quxiao{
        position: absolute;
        top:-80rpx;
        right:0;
        font-size: 24rpx;
        color: #888;
}
.content_img:nth-child(3n){
        margin-right:0
刘晓艳 authored
140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167
}

.content_img image {
  width: 100%;
  height: 100%;
}

.icon-jia {
  font-size: 46rpx;
  color: #ededed;
}

.bottom_btn {
  padding: 40rpx 55rpx;
  margin-bottom: 20rpx;
  background-color: #fff;
}

.submit_btn {
  height: 80rpx;
  background-color: #ffda44;
  border-radius: 40px;
  box-shadow: 5px 10px 30px rgba(255, 204, 68, 0.6);
  text-align: center;
  line-height: 80rpx;
  font-size: 26rpx;
  color: #333;
}