优化页面

unpackage/dist/dev/mp-weixin/pages/Mine/minecomponents/pkInformation.wxss

@@ -1,60 +1,54 @@
 
-.pkRecord.data-v-36b7ee78{
-        width: 100vw;
-        height: 200rpx;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        background-color: #ffffff;
-        padding-top: 40rpx;
-        border-bottom: 1px solid #000000;
+.bg.data-v-36b7ee78 {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+}
+.bgImg.data-v-36b7ee78 {
+  width: 100%;
+  height: 100%;
+}
+.Return.data-v-36b7ee78 {
+  position: absolute;
+  top: 100rpx;
+  left: 35rpx;
+  width: 46rpx;
+  height: 46rpx;
+}
+.ReturnImg.data-v-36b7ee78 {
+  width: 100%;
+  height: 100%;
 }
 .scroll.data-v-36b7ee78 {
-  height: 90%;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
+  position: absolute;
+  top: 200rpx;
+  left: 0;
+  right: 0;
+  height: 1300rpx;
+  width: 100%;
 }
-.content-list.data-v-36b7ee78 {
-  display: flex;
-  align-items: center;
-  width: 712rpx;
+.card.data-v-36b7ee78 {
+  width: 695rpx;
   height: 161rpx;
   background: #ffffff;
   border-radius: 15rpx;
-  margin-bottom: 12rpx;
-  margin-left: 20rpx;
-}
-.headShot.data-v-36b7ee78 {
-  width: 101rpx;
-  height: 101rpx;
-  border-radius: 50rpx;
-  margin-left: 30rpx;
-  margin-right: 33rpx;
-  background-color: aqua;
-}
-.content-list-info.data-v-36b7ee78 {
   display: flex;
   align-items: center;
+  margin-left: 30rpx;
+  margin-top: 11.5rpx;
 }
-.cardname.data-v-36b7ee78 {
-  font-size: 31rpx;
-  color: #161616;
-  line-height: 38rpx;
-}
-.Genderimg.data-v-36b7ee78 {
-  width: 15rpx;
-  height: 15rpx;
-  margin-left: 10rpx;
-  margin-right: 10rpx;
-}
-.age.data-v-36b7ee78 {
-  color: #ffffff;
-  font-size: 14rpx;
+.Profile.data-v-36b7ee78 {
+  width: 89rpx;
+  height: 89rpx;
+  border-radius: 50rpx;
+  background-color: #cccccc;
+  margin-left: 27.5rpx;
 }
 .Gendermale.data-v-36b7ee78 {
-  background: url(../../static/maleimg.png) no-repeat center;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAilJREFUWEftWTtPFFEU/r6ZJUuJiSQujwKRCfQkttJobJRY6Ax/ABNNKGiBAmwtTNZk9w+40BCtiDZYSmI/kxmFAmGNkIgdhFmPuUPW7C6vWVZ3ZhimnfP6zr3ncc8hQnz3PS/b5eOuAPcAGQV5EyLXSGZCsP9TEhHxQf6EyDrAz2Dlwy9df78yNHRwniKeRTC+sdHVeXA4TfApgOvnCYvw/65ACvvZjpdvBwb2TrPjVLCPbdfSyFcEuiME0ZRqAXYoMlUaMUonMR4De2d1NZPL9eYBTjalKVbEUiyXt55/HBvza82qA6uA3ujpX6LIo1jZfgFjhFz+vr35pBZwHVjLdgtgkk+00StSLA0bKt8E31+wKkZ18s0FnBhvFpGJagwHYI+yru8mKRmF9bBKWvvZjKGydADWdL7MEzIbVkDS6ETjwqJxa45Bw1DBt5jX0Vb9u7uno4+m4zwg9HetSos7v6DykKbt5Uk8i7uxrdongtcK7CcSt1sVFnt+wRpNx/txGbPwsYqrWknT8Q4JtP310u6bIIBPy/Gk3Yqj0peuk01XzKYkG0uQjVNVZ9PUQaWqNz569bgLBGeiKgn/W69AXiwOG7Ppe88qz1q2a+EyTio0baJkDAbTxvoZlOMWkj1VDDmDUmSpmi5WAedy/XlAEjw3ZrFc3jx7blx7CSz7qyX8nayNALFDalPVGG281Fe7nkaP1G/xMAoiui0exAfUFg/rAJra4v0Bqcv8upqc0XEAAAAASUVORK5CYII=) no-repeat center;
   width: 56.3rpx;
   height: 29.58rpx;
   background-size: 100% 100%;
@@ -63,7 +57,7 @@
   margin-right: 10rpx;
 }
 .Genderfemale.data-v-36b7ee78 {
-  background: url(../../static/femaleimg.png) no-repeat center;
+  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAAfCAYAAABZGLWTAAAAAXNSR0IArs4c6QAAAi1JREFUWEflWU1rE1EUPaeGFGEiCShIdVXQrZuCW1e6U3BT2j9gwSYTcZVi5WFlZlVMTIXkDyhuBJe66rKCm24rdCV+NIWUZEBb41yZ0ZYk9mMyETLPN9u5575z7nv3fdxLRPg+5PPjExdw3fd5Q8ApUiYB5gCkIsD/tUkHkKYINwl5L/Dffv3MN5eq1d2TBuJxBqKKWS8t90HMATh7krMR/t+GoGbtcZmqvHMUjyPFem5+RjBWAXBuhCIGHbpB+LZVqr44DPiXWFHXUl76ygqIO4OOlBh7Qd3aW5+nWu10c+oRK0qlvHTzJYjbiSEelwjxyvqem6ZSB4J7xLYcu0adZ7QvMCKon1moBPtN+B2I/ZOjz+MGMqk4wp/dz+FQbFMVs6lx2dBsM4oa30Znl5dzqrwTim27hUcAF6Oi9bOTpUzp6UMGF4bzE2MfE36ODhvf7S+f/ItsOfM3yVOvh/WWdLzIz1tsO4UVkHeTTnZofiLP2HLsNRJXh3aWcAcE3gUzuwVSpyth3LA22HbtHyN6vcQlHRfXCcRKXLRuONNmtrAFGJKzLddeI8zZjU06Zw26QRl1Nw5fPY69BOKBbkdJZL6Cx5mFyqJ579kgQv9vpYKzVqkcVht7alBtx65pXVXsX9eCeuawGlRgZ1R18bdgQ+rG3avAc4szAtGwI0B7P0f7V/XxvZ4nxaz3TaNez2ku816MXk93VLq7eCSnBJgEMMIuHpoENkUG6+L9AlWo7Kxo5cagAAAAAElFTkSuQmCC) no-repeat center;
   width: 56.3rpx;
   height: 29.58rpx;
   background-size: 100% 100%;
@@ -71,21 +65,75 @@
   align-items: center;
   margin-right: 10rpx;
 }
-.RoomID.data-v-36b7ee78 {
+.Individual.data-v-36b7ee78 {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-left: 37rpx;
+}
+.Name.data-v-36b7ee78 {
+  font-size: 30.53rpx;
+  color: #161616;
+  font-weight: 500;
+}
+.time.data-v-36b7ee78 {
+  margin-top: 13rpx;
   font-size: 23rpx;
   color: #a3a3a3;
-  line-height: 38rpx;
 }
-.Charm.data-v-36b7ee78 {
+.state.data-v-36b7ee78 {
+  height: 30rpx;
+  background: #f6f6f6;
+  border-radius: 14rpx;
+  line-height: 30rpx;
+  font-size: 17rpx;
+  color: #666666;
+  padding: 0 15rpx;
+}
+.Label.data-v-36b7ee78 {
+  margin-top: 15rpx;
+  display: flex;
+}
+.age.data-v-36b7ee78 {
+  font-size: 17rpx;
+  color: #ffffff;
+  margin-left: 10rpx;
+}
+.Genderimg.data-v-36b7ee78 {
+  width: 14.22rpx;
+  height: 14.22rpx;
+  margin-left: 10rpx;
+}
+.species.data-v-36b7ee78 {
+  display: flex;
+  margin-left: 10rpx;
+}
+.species-text.data-v-36b7ee78 {
   font-size: 23rpx;
   color: #a3a3a3;
-  line-height: 38rpx;
-  margin-right: 12rpx;
-  margin-left: 20rpx;
 }
-.charmValue.data-v-36b7ee78 {
+.species-num.data-v-36b7ee78 {
   font-size: 23rpx;
   color: #161616;
-  line-height: 38rpx;
-  font-weight: 600;
+  font-weight: bold;
+}
+.handle.data-v-36b7ee78 {
+  display: flex;
+}
+.recompose.data-v-36b7ee78 {
+  width: 46rpx;
+  height: 46rpx;
+  margin-left: 90rpx;
+}
+.expurgate.data-v-36b7ee78 {
+  width: 46rpx;
+  height: 46rpx;
+  margin-left: 40rpx;
+}
+.createModule.data-v-36b7ee78{
+    position: fixed;
+    bottom: 0;
+    right: 0;
+    z-index: 998;
+    width: 100vw;
 }