提交修改
This commit is contained in:
@@ -1,6 +1,10 @@
|
||||
const api = require('../../../services/api')
|
||||
const app = getApp()
|
||||
Page({
|
||||
data: { name: '', category: 'study', cycleType: 'daily', dailyGoal: '', privacy: 2, submitting: false },
|
||||
data: { name: '', category: 'study', cycleType: 'daily', dailyGoal: '', privacy: 2, submitting: false, themeMode: 'light' },
|
||||
onShow() {
|
||||
this.setData({ themeMode: app.globalData.themeMode })
|
||||
},
|
||||
onNameInput(e) { this.setData({ name: e.detail.value }) },
|
||||
onGoalInput(e) { this.setData({ dailyGoal: e.detail.value }) },
|
||||
setCategory(e) { this.setData({ category: e.currentTarget.dataset.cat }) },
|
||||
|
||||
@@ -1,4 +1,4 @@
|
||||
<view class="form">
|
||||
<view data-theme="{{themeMode}}"><view class="form">
|
||||
<text class="label">名称 *</text>
|
||||
<input class="input-field" value="{{name}}" bindinput="onNameInput" placeholder="如「每天背单词」" style="margin-bottom:20px" />
|
||||
|
||||
@@ -29,4 +29,4 @@
|
||||
</view>
|
||||
|
||||
<button class="btn-primary" style="margin-top:32px" loading="{{submitting}}" disabled="{{submitting}}" bindtap="onSubmit">创建打卡项</button>
|
||||
</view>
|
||||
</view></view>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
.form { padding: 16px; }
|
||||
.label { font-size: 13px; color: #86868B; margin-bottom: 6px; display: block; }
|
||||
.label { font-size: 13px; color: var(--color-text-secondary); margin-bottom: 6px; display: block; }
|
||||
.category-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 8px; }
|
||||
.cat-item { padding: 12px 8px; border-radius: 10px; border: 2px solid #E5E5EA; background: #f8f8fa; text-align: center; font-size: 14px; }
|
||||
.cat-item.active { border-color: #FF6B35; background: #FFF0EB; font-weight: 600; }
|
||||
.cat-item { padding: 12px 8px; border-radius: 10px; border: 2px solid var(--color-border); background: var(--color-input-bg); text-align: center; font-size: 14px; color: var(--color-text); }
|
||||
.cat-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; }
|
||||
.cycle-row { display: flex; gap: 8px; }
|
||||
.cycle-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid #E5E5EA; background: #f8f8fa; font-size: 14px; }
|
||||
.cycle-item.active { border-color: #FF6B35; background: #FFF0EB; font-weight: 600; }
|
||||
.cycle-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid var(--color-border); background: var(--color-input-bg); font-size: 14px; color: var(--color-text); }
|
||||
.cycle-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; }
|
||||
.privacy-row { display: flex; gap: 8px; }
|
||||
.privacy-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid #E5E5EA; background: #f8f8fa; font-size: 14px; }
|
||||
.privacy-item.active { border-color: #FF6B35; background: #FFF0EB; font-weight: 600; }
|
||||
.privacy-item { padding: 8px 16px; border-radius: 8px; border: 1.5px solid var(--color-border); background: var(--color-input-bg); font-size: 14px; color: var(--color-text); }
|
||||
.privacy-item.active { border-color: var(--color-primary); background: var(--color-active-bg); font-weight: 600; }
|
||||
Reference in New Issue
Block a user