113 lines
4.5 KiB
Plaintext
113 lines
4.5 KiB
Plaintext
<view class="container" id="detail-container" style="padding: 10px;">
|
|
<view class="detail-name c-part" style="text-align: center;">
|
|
{{title}}
|
|
</view>
|
|
<view class="material-part c-part">
|
|
<view class="part-title">
|
|
<view class="pt-text std-small-text" style="font-weight: 900;margin-right: 10px;">材料</view>
|
|
<view class="pt-line"></view>
|
|
</view>
|
|
<view class="mp-list">
|
|
<view class="mpl-card" wx:for="{{material_data}}" wx:key="name" wx:for-item="item">
|
|
<view class="m-name std-text">
|
|
{{item.name}}
|
|
</view>
|
|
<view class="m-unit small-text">
|
|
{{item.unit}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="step-part c-part">
|
|
<view class="part-title">
|
|
<view class="pt-text std-small-text" style="font-weight: 900;margin-right: 10px;">步骤</view>
|
|
<view class="pt-line"></view>
|
|
</view>
|
|
<view class="step-box">
|
|
<view class="step-detail step-card" wx:for="{{steps}}" wx:for-item="item" wx:key="desc" wx:for-index="index">
|
|
<view class="step-index">
|
|
{{index+1}}
|
|
</view>
|
|
<view class="step-desc std-small-text">
|
|
{{item.desc}}
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view hidden="{{measure_flag}}" class="deep-part c-part" style="margin-bottom: 80px;">
|
|
<view class="part-title">
|
|
<view class="pt-text std-small-text" style="font-weight: 900;margin-right: 10px;">深入</view>
|
|
<view class="pt-line"></view>
|
|
</view>
|
|
<view class="deep-box std-small-text">
|
|
<rich-text nodes="{{deep_info}}"></rich-text>
|
|
</view>
|
|
</view>
|
|
<view hidden="{{measure_flag}}" class="fixed-part c-part">
|
|
<view class="fixed-part-wrap">
|
|
<view class="fp-left fp-item">
|
|
<image bindtap="openMeasureFunc" style="background: rgb(253, 253, 31);" src="../../assets/ruler.png" mode="widthFix" />
|
|
</view>
|
|
<view class="fp-right fp-item">
|
|
<image style="background: rgb(84, 84, 201);margin-right: 10px;" src="../../assets/share.png" mode="widthFix" />
|
|
<image style="background: rgb(219, 78, 78);" src="../../assets/star.png" mode="widthFix" />
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view hidden="{{!measure_flag}}" class="close-btn" bindtap="closeFunc">
|
|
<icon color="black" class="icon-box-img" type="cancel" size="30"></icon>
|
|
</view>
|
|
<view hidden="{{!measure_flag}}" class="measure-part c-part">
|
|
<view class="part-title">
|
|
<view class="pt-text std-small-text" style="font-weight: 900;margin-right: 10px;">度量实用工具</view>
|
|
<view class="pt-line"></view>
|
|
</view>
|
|
<view class="mp-box">
|
|
<view class="mpb-item" style="padding-top: 20px;">
|
|
<view class="mpb-left std-small-text">
|
|
表示方式
|
|
</view>
|
|
<view class="mpb-right std-small-text">
|
|
<picker bindchange="measureShowTypesChange" range-key="name" value="{{measure_show_types_index}}" range="{{measure_show_types}}">
|
|
<view class="picker">
|
|
{{measure_show_types[measure_show_types_index].name}}
|
|
<view class="picker-icon">
|
|
<image src="../../assets/more.png" mode="widthFix"/>
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<view class="mpb-item">
|
|
<view class="mpb-left std-small-text">
|
|
测量单位
|
|
</view>
|
|
<view class="mpb-right std-small-text">
|
|
<picker bindchange="measureUnitsChange" range-key="name" value="{{measure_units_index}}" range="{{measure_units}}">
|
|
<view class="picker">
|
|
{{measure_units[measure_units_index].name}}
|
|
<view class="picker-icon">
|
|
<image src="../../assets/more.png" mode="widthFix"/>
|
|
</view>
|
|
</view>
|
|
</picker>
|
|
</view>
|
|
</view>
|
|
<view class="mpb-item">
|
|
<view class="mpb-left std-small-text">
|
|
份数
|
|
</view>
|
|
<view class="mpb-right std-small-text">
|
|
<view class="mpb-operation-box">
|
|
<view wx-if="{{person_number>1}}" bindtap="personNumberFunc" data-type='1' class="subtraction ob-btn">-</view>
|
|
<view wx-if="{{person_number == 1}}" class="subtraction ob-btn disabled-add">-</view>
|
|
<view class="person-numer">
|
|
<input value="{{person_number}}" type="numer"/>
|
|
</view>
|
|
<view class="add ob-btn" bindtap="personNumberFunc" data-type='2'>+</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view> |