完善页面

pages/mall/admin/setting/interface/collect.uvue

@@ -1,23 +1,28 @@
-<template>
+<template>
   <view class="admin-page-container">
-    <view class="page-card">
-      <view class="page-header">
-        <text class="page-title">商品采集配置</text>
-      </view>
-      <view class="page-content">
-        <text class="placeholder-text">商品采集配置 页面开发中...</text>
+    <view class="page-header"><view class="breadcrumb"><text class="bc-item">设置</text><text class="bc-sep">/</text><text class="bc-item">接口配置</text><text class="bc-sep">/</text><text class="bc-item active">商品采集配置</text></view></view>
+    <view class="content-card">
+      <view class="tabs-header"><view class="tab-item active"><text class="tab-text">基础配置</text></view></view>
+      <view class="config-view">
+        <view class="form-content">
+          <view class="form-row">
+            <view class="form-label">接口选择:</view>
+            <view class="form-input-box">
+              <radio-group @change="onInterfaceChange">
+                <label><radio value="onepass" checked color="#2d8cf0" /><text>一号通</text></label>
+                <label><radio value="99api" color="#2d8cf0" /><text>99Api</text></label>
+              </radio-group>
+            </view>
+          </view>
+          <view class="form-actions"><button class="submit-btn" type="primary" @click="handleSubmit">提交</button></view>
+        </view>
       </view>
     </view>
   </view>
 </template>
-
 <script setup lang="uts">
+import { ref } from 'vue'
+const onInterfaceChange = (e : any) => { console.log(e.detail.value) }
+const handleSubmit = () => { uni.showToast({ title: '提交成功' }) }
 </script>
-
-<style scoped>
-.admin-page-container { padding: 20px; background-color: #f5f7f9; min-height: 100vh; }
-.page-card { background-color: #fff; border-radius: 4px; padding: 20px; box-shadow: 0 1px 4px rgba(0,21,41,0.08); }
-.page-header { margin-bottom: 20px; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px; }
-.page-title { font-size: 16px; font-weight: bold; color: #303133; }
-.placeholder-text { font-size: 14px; color: #909399; }
-</style>
+<style scoped> .admin-page-container { padding: 20px; background-color: #f5f7f9; } .content-card { background: #fff; padding: 20px; } .breadcrumb { margin-bottom: 20px; display: flex; flex-direction: row; } </style>