feat: 调整样式

2026-02-14 11:31:44 +08:00
parent cbbe82ef63
commit d6f781a666
42 changed files with 827 additions and 293 deletions
@@ -0,0 +1,24 @@
+Page({
+    data: {
+        appVersion: '1.0.0'
+    },
+    onLoad() {
+        const accountInfo = wx.getAccountInfoSync();
+        if (accountInfo && accountInfo.miniProgram) {
+            this.setData({
+                appVersion: accountInfo.miniProgram.version || '1.0.0'
+            });
+        }
+    },
+    openDoc(e) {
+        if (wx.openPrivacyContract) {
+            wx.openPrivacyContract({
+                fail: () => {
+                    wx.showToast({ title: '无法打开协议', icon: 'none' });
+                }
+            });
+        } else {
+            wx.showToast({ title: '当前微信版本不支持查看', icon: 'none' });
+        }
+    }
+});
@@ -0,0 +1,8 @@
+{
+    "navigationBarTitleText": "关于植趣",
+    "usingComponents": {
+        "t-icon": "tdesign-miniprogram/icon/icon",
+        "t-cell": "tdesign-miniprogram/cell/cell",
+        "t-cell-group": "tdesign-miniprogram/cell-group/cell-group"
+    }
+}
@@ -0,0 +1,25 @@
+<view class="about-container">
+  <view class="logo-section">
+    <view class="logo-bg">
+       <t-icon name="flower" size="80rpx" color="#558B2F" />
+    </view>
+    <text class="app-title">植趣</text>
+    <text class="app-version">Version {{appVersion}}</text>
+  </view>
+
+  <view class="desc-content">
+    一款专注于家庭植物养护的小程序。帮助你记录植物成长、制定养护计划、识别未知植物，与花友们分享养花心得。
+  </view>
+
+  <view class="menu-list">
+    <t-cell-group theme="card">
+      <t-cell title="用户协议" arrow hover bind:click="openDoc" data-type="terms" left-icon="file-copy" />
+    </t-cell-group>
+  </view>
+
+  <view class="footer-spacer"></view>
+
+  <view class="footer">
+    <text class="copyright">© 2026 Sundynix · All Rights Reserved</text>
+  </view>
+</view>
@@ -0,0 +1,69 @@
+page {
+  background: #F4F6F0;
+}
+.about-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 48rpx 32rpx;
+  min-height: 100vh;
+  box-sizing: border-box;
+}
+
+.logo-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  margin-top: 64rpx;
+  margin-bottom: 48rpx;
+}
+
+.logo-bg {
+  width: 160rpx;
+  height: 160rpx;
+  background: #fff;
+  border-radius: 32rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 8rpx 32rpx rgba(85, 139, 47, 0.1);
+  margin-bottom: 24rpx;
+}
+
+.app-title {
+  font-size: 40rpx;
+  font-weight: 600;
+  color: #333;
+  margin-bottom: 8rpx;
+}
+
+.app-version {
+  font-size: 24rpx;
+  color: #999;
+}
+
+.desc-content {
+  font-size: 28rpx;
+  color: #666;
+  line-height: 1.6;
+  text-align: center;
+  margin-bottom: 64rpx;
+  padding: 0 40rpx;
+}
+
+.menu-list {
+  width: 100%;
+}
+
+.footer-spacer {
+  flex: 1;
+}
+
+.footer {
+  padding: 32rpx 0;
+}
+
+.copyright {
+  font-size: 22rpx;
+  color: #ccc;
+}