233

miniprogram/pages/aboutUs/aboutUs.wxml

@@ -1,15 +1,26 @@
 <!--为我的-关于我们页面-->
 <view wx:if="{{currentTab == 0}}" class="con">
-  <view class="title2">Tin Link</view>
+  <image class="icon" src="/images/Tin.png"></image>
 </view>
 
-<view wx:if="{{currentTab == 0}}">
-  <view><button class="button" bindtap="switch1" plain="true">汇听建立初衷</button></view>
-  <view><button class="button" bindtap="switch2" plain="true">汇听游玩指南</button></view>
-  <view><button class="button" bindtap="switch3" plain="true">汇听更新目录</button></view>
-  <view><button class="button" bindtap="switch4" plain="true">联系我们</button></view>
-  <view><button class="button" bindtap="switch5" plain="true">商务合作</button></view>
-  <view><button class="button" bindtap="switch6" plain="true">隐私保护指引</button></view>
+<view wx:if="{{currentTab == 0}}" class="con">
+  <view class="btn-row">
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch1"
+        plain="true"><text>汇听\n建立初衷</text></button></view>
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch2"
+        plain="true"><text>汇听\n游玩指南</text></button></view>
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch3"
+        plain="true"><text>汇听\n更新目录</text></button></view>
+  </view>
+
+  <view class="btn-row">
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch4"
+        plain="true"><text>联系我们</text></button></view>
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch5"
+        plain="true"><text>商务合作</text></button></view>
+    <view><button class="button  primary-background-color white-text-color" bindtap="switch6"
+        plain="true"><text>隐私\n保护指南</text></button></view>
+  </view>
 </view>
 
 <view wx:if="{{currentTab == 1}}" class="con">

miniprogram/pages/aboutUs/aboutUs.wxss

@@ -1,133 +1,35 @@
-.title {
-  font-size: 40rpx;
-  padding: 15px 20px;
-  height: 30px;
-  font-weight: 800;
-}
-
-.subTitle {
-  font-size: 35rpx;
-  margin: 20rpx 40rpx;
-  font-weight: 900;
-}
-
-.thirdTitle {
-  font-size: 35rpx;
-  margin: 20rpx 40rpx;
-  font-weight: 600;
-}
-
-.radio {
-  transform: scale(0.8);
-  margin-left: 10rpx;
-}
-
-.radio-group {
-  width: 450rpx;
-}
-
-.text {
-  font-size: 30rpx;
-  margin: 10rpx 40rpx;
-}
-
-.button {
-  margin-top: 40rpx;
-  margin-bottom: 40rpx;
-  font-size: 35rpx;
-  margin: 20rpx 40rpx;
-  font-weight: 900;
-  border-radius: 98rpx;
-}
-
-.title2 {
-  align-self: center;
-  font-size: 45rpx;
-  font-weight: 900;
-  margin-top: 100rpx;
-  margin-bottom: 100rpx;
-}
-
-.page2 {
-  display: flex;
-  align-items: center;
-  flex-direction: column;
-}
-
-.block {
-  display: flex;
-  margin: 20rpx 40rpx;
-  font-size: 35rpx;
-  align-items: center;
-}
-
-.block2 {
-  display: flex;
-  margin: 20rpx 40rpx;
-  font-size: 35rpx;
-}
-
-.block22 {
-  display: flex;
-}
-
-.input {
-  border-radius: 10rpx;
-  width: 450rpx;
-  padding: 0 20rpx;
-}
-
-.textarea {
-  border-radius: 10rpx;
-  width: 450rpx;
-  height: 200rpx;
-  padding: 0 20rpx;
-}
-
-.cate {
-  width: 140rpx;
-  text-align: right;
-}
-
 .con {
   display: flex;
   flex-direction: column;
   align-items: center;
 }
 
-.con1 {
-  margin: 40rpx;
-  font-size: 50rpx;
-  font-weight: 900;
-}
-
-.con2 {
-  font-size: 35rpx;
-  margin: 50rpx;
-}
-
-.pic {
-  width: 200rpx;
-  height: 200rpx;
-}
-
-.detail-text {
-  text-indent: 2em;
-}
-
 .activity-detail {
   margin: 15rpx 50rpx;
   font-size: 30rpx;
 }
 
-.btn-text {
-  position: relative;
-  float: left;
-  left: 50rpx;
-  line-height: 100rpx;
-  font-size: 35rpx;
+.icon {
+  height: 150rpx;
+  width: 300rpx;
+  margin-top: 200rpx;
+  margin-bottom: 200rpx;
 }
 
-.line {
-  height: 5rpx;
+.btn-row {
+  display: flex;
+}
+
+.button {
+  padding: 0rpx;
+  font-size: 30rpx;
+  border-radius: 30rpx;
+  width: 200rpx !important;
+  height: 100rpx !important;
+  margin: 10rpx 10rpx !important;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-weight: normal !important;
+  border: none !important;
 }