通过微信开发者工具 商城模板 创建新小程序

mini-program/pages/usercenter/person-info/index.wxss

@@ -0,0 +1,45 @@
+:host {
+  background-color: #f5f5f5;
+}
+page view {
+  box-sizing: border-box;
+}
+.person-info {
+  padding-top: 20rpx;
+}
+
+.person-info__btn {
+  width: 100%;
+  border: 2rpx solid #ddd;
+  border-radius: 48rpx;
+  padding: 18rpx 0;
+  display: flex;
+  align-self: center;
+  justify-content: center;
+}
+.person-info__wrapper {
+  width: 100%;
+  padding: 0 32rpx;
+  padding-bottom: calc(env(safe-area-inset-bottom) + 20rpx);
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
+
+.avatarUrl {
+  width: 80rpx;
+  height: 80rpx;
+  border-radius: 50% !important;
+  overflow: hidden;
+}
+
+.t-class-confirm {
+  color: #fa550f !important;
+}
+
+.person-info .order-group__left {
+  margin-right: 0;
+}
+.person-info .t-cell-class {
+  height: 112rpx;
+}