Files
medical-mall/pages/mall/admin/setting/interface/collect.uvue
2026-02-12 23:53:44 +08:00

29 lines
1.6 KiB
Plaintext

<template>
<view class="admin-page-container">
<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; } .content-card { background: #fff; padding: 20px; } .breadcrumb { margin-bottom: 20px; display: flex; flex-direction: row; } </style>