完善页面6
This commit is contained in:
66
pages/mall/admin/app/routine/config.uvue
Normal file
66
pages/mall/admin/app/routine/config.uvue
Normal file
@@ -0,0 +1,66 @@
|
||||
<template>
|
||||
<view class="admin-page">
|
||||
<view class="admin-card content-card">
|
||||
<view class="tabs-row">
|
||||
<view class="tab-item active">小程序配置</view>
|
||||
</view>
|
||||
|
||||
<view class="config-form">
|
||||
<view class="form-item">
|
||||
<text class="label">AppID:</text>
|
||||
<input class="form-input" placeholder="请输入小程序AppID" />
|
||||
<text class="tip">微信小程序的AppID</text>
|
||||
</view>
|
||||
<view class="form-item">
|
||||
<text class="label">AppSecret:</text>
|
||||
<input class="form-input" placeholder="请输入小程序AppSecret" />
|
||||
<text class="tip">微信小程序的AppSecret</text>
|
||||
</view>
|
||||
|
||||
<view class="form-btns">
|
||||
<button class="btn primary">提交</button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script setup lang="uts">
|
||||
// 小程序配置逻辑
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.config-form {
|
||||
padding: 40px 10%;
|
||||
}
|
||||
|
||||
.form-item {
|
||||
margin-bottom: 30px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.form-item .label {
|
||||
font-weight: bold;
|
||||
margin-bottom: 10px;
|
||||
color: #303133;
|
||||
}
|
||||
|
||||
.form-input {
|
||||
border: 1px solid #dcdfe6;
|
||||
padding: 10px 15px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.tip {
|
||||
font-size: 12px;
|
||||
color: #909399;
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
.btn.primary {
|
||||
width: 80px;
|
||||
background-color: #2d8cf0;
|
||||
color: #fff;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user