页面翻译

src/pages/point-book-profile.vue

@@ -41,6 +41,10 @@ const toEditPage = () => {
         </button>
       </view>
       <button hover-class="none">Log out</button>
+      <view>
+        <text>Have questions? Please contact us through email: </text>
+        <text>shelingxingqiu@163.com</text>
+      </view>
     </view>
   </view>
 </template>
@@ -50,6 +54,7 @@ const toEditPage = () => {
   display: flex;
   flex-direction: column;
   align-items: center;
+  height: 100%;
 }
 .header {
   position: relative;
@@ -73,36 +78,41 @@ const toEditPage = () => {
 .body {
   width: 100%;
   margin-top: 20rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  flex: 1;
 }
-.body > view {
+.body > view:first-child {
   background-color: $uni-bg-color;
   border-radius: 25px;
   padding: 0 20px;
+  width: calc(100% - 80rpx);
 }
-.body > view > button {
+.body > view:first-child > button {
   display: flex;
   align-items: center;
   padding: 20px 0;
 }
-.body > view > button:not(:last-child) {
+.body > view:first-child > button:not(:last-child) {
   border-bottom: 1rpx solid #e3e3e3;
 }
-.body > view > button > image:first-child {
+.body > view:first-child > button > image:first-child {
   width: 40rpx;
   height: 40rpx;
 }
-.body > view > button > text {
+.body > view:first-child > button > text {
   flex: 1;
   font-size: 26rpx;
   color: #333333;
   text-align: left;
   padding-left: 20rpx;
 }
-.body > view > button > image:last-child {
+.body > view:first-child > button > image:last-child {
   width: 28rpx;
   height: 28rpx;
 }
-.body > button:last-child {
+.body > button {
   margin-top: 24rpx;
   background: $uni-bg-color;
   border-radius: 24rpx;
@@ -110,5 +120,18 @@ const toEditPage = () => {
   color: $uni-link-color;
   text-align: center;
   padding: 20px 0;
+  width: 100%;
+}
+.body > view:last-child {
+  margin-top: auto;
+  padding-bottom: 25rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  font-size: 24rpx;
+  color: #666666;
+}
+.body > view:last-child > text:last-child {
+  color: $uni-link-color;
 }
 </style>