67 lines
3.1 KiB
Plaintext
67 lines
3.1 KiB
Plaintext
|
<view class="fridge-page">
|
||
|
|
<view class="title">冰箱里有什么？</view>
|
||
|
|
|
||
|
|
<view class="input-area">
|
||
|
|
<input class="ingredient-input"
|
||
|
|
placeholder="输入食材名称"
|
||
|
|
value="{{inputValue}}"
|
||
|
|
bind:input="onInput"
|
||
|
|
bind:confirm="addIngredient"
|
||
|
|
/>
|
||
|
|
<view class="voice-btn {{voiceRecording ? 'recording' : ''}}" bind:tap="voiceInput">
|
||
|
|
<text>{{voiceRecording ? '🔴' : '🎤'}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="section">
|
||
|
|
<view class="section-title">常用食材</view>
|
||
|
|
<view class="tag-list">
|
||
|
|
<ingredient-tag icon="🥚" name="鸡蛋" selected="{{selected['鸡蛋']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🍅" name="西红柿" selected="{{selected['西红柿']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🍗" name="鸡胸肉" selected="{{selected['鸡胸肉']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🧅" name="洋葱" selected="{{selected['洋葱']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥔" name="土豆" selected="{{selected['土豆']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🌶️" name="青椒" selected="{{selected['青椒']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥦" name="胡萝卜" selected="{{selected['胡萝卜']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥬" name="西兰花" selected="{{selected['西兰花']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥕" name="生菜" selected="{{selected['生菜']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥬" name="豆腐" selected="{{selected['豆腐']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🥩" name="猪肉" selected="{{selected['猪肉']}}" bind:toggle="onToggle" />
|
||
|
|
<ingredient-tag icon="🐥" name="鸡腿" selected="{{selected['鸡腿']}}" bind:toggle="onToggle" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="section">
|
||
|
|
<view class="section-title">
|
||
|
|
我的常备调料
|
||
|
|
<text class="edit-link" bind:tap="editStaples">编辑</text>
|
||
|
|
</view>
|
||
|
|
<view class="tag-list staples">
|
||
|
|
<text class="staple-tag" wx:for="{{staples}}" wx:key="*this">{{item}}</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<button class="btn-primary btn-large" bind:tap="openBox" disabled="{{ingredients.length === 0}}">
|
||
|
|
开盒做饭！
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<!-- 常备调料编辑弹窗 -->
|
||
|
|
<view class="modal-mask" wx:if="{{showStapleEditor}}" bind:tap="closeStapleEditor"></view>
|
||
|
|
<view class="modal-sheet {{showStapleEditor ? 'show' : ''}}">
|
||
|
|
<view class="sheet-header">
|
||
|
|
<text class="sheet-title">编辑常备调料</text>
|
||
|
|
<text class="sheet-close" bind:tap="closeStapleEditor">完成</text>
|
||
|
|
</view>
|
||
|
|
<view class="sheet-input-row">
|
||
|
|
<input class="sheet-input" placeholder="调料名称" value="{{stapleEditValue}}" bind:input="onStapleInput" bind:confirm="addStaple" />
|
||
|
|
<view class="btn-add" bind:tap="addStaple">添加</view>
|
||
|
|
</view>
|
||
|
|
<view class="sheet-tags">
|
||
|
|
<view class="sheet-tag" wx:for="{{staples}}" wx:key="*this">
|
||
|
|
<text>{{item}}</text>
|
||
|
|
<text class="tag-remove" bind:tap="removeStaple" data-name="{{item}}">✕</text>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|