193 lines
4.9 KiB
TypeScript
193 lines
4.9 KiB
TypeScript
|
// pages/detail/detail.ts
|
|||
|
|
Page({
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面的初始数据
|
|||
|
|
*/
|
|||
|
|
data: {
|
|||
|
|
title:'',
|
|||
|
|
measure_flag:false,
|
|||
|
|
person_number:1,
|
|||
|
|
measure_show_types:[
|
|||
|
|
{
|
|||
|
|
name:'小数'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'分数'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
measure_show_types_index:0,
|
|||
|
|
measure_units:[
|
|||
|
|
{
|
|||
|
|
name:'shot'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'oz'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'ml'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'cl'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
measure_units_index:0,
|
|||
|
|
material_data:[
|
|||
|
|
{
|
|||
|
|
name:'金酒',
|
|||
|
|
unit:'shot',
|
|||
|
|
per_percent:0.5
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'绿查特酒',
|
|||
|
|
unit:'shot',
|
|||
|
|
per_percent:0.5
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'路萨朵樱桃酒',
|
|||
|
|
unit:'shot',
|
|||
|
|
per_percent:0.5
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
name:'青柠汁',
|
|||
|
|
unit:'shot',
|
|||
|
|
per_percent:0.5
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
steps:[
|
|||
|
|
{
|
|||
|
|
desc:'奖所有原料和冰块一起加入到摇酒壶中摇匀'
|
|||
|
|
},
|
|||
|
|
{
|
|||
|
|
desc:'可选的酒渍樱桃装饰'
|
|||
|
|
}
|
|||
|
|
],
|
|||
|
|
deep_info:`这款酒起源于一个世纪以前的底特律，但是它的名字典故已经不可考据。
|
|||
|
|
虽然把它翻译成“临别一语”或者“关键一语”会更符合情景，但我比较喜欢“遗言”这个带有古老、复杂、神秘感觉的名字。
|
|||
|
|
The Last Word是一款在现代复活的典型古典鸡尾酒。虽然在最开始推出时也火了几十年，但后来销声匿迹。直到1951年Ted Saucier 编著的《Bottoms Up》中最后一次出现。
|
|||
|
|
2005年，Murray Stenson 在书中发现这款古老的鸡尾酒，并把它加入他工作的酒吧Zigzag Café的菜单中。很快，这款酒就成了该酒吧的招牌。
|
|||
|
|
此外，The Last Word的重新出现吸引了很多鸡尾酒媒体的关注，这是推动这款酒在全球范围内流行的关键因素。很多人都认为，The Last Word的重新出现是一个重大发现，因为虽然这个配方很老，但它仍然具有现代风格：有着明亮的绿色，但完全来自于使用的绿查特酒，而不是人造色素。由四种味道强烈的原料产生的味道是独特而少见的。
|
|||
|
|
综合来看，The Last Word是一款草药风味非常突出的鸡尾酒，其中绿查特酒扮演了很重要的角色。酒厂也很感谢Murray Stenson，因为The Last Word的出现吸引了更多人探索一些失传的鸡尾酒配方，也有人试图用绿茶特酒创作带有古典风格的现代鸡尾酒。不过，这款酒的味道仍然十分强烈，酒精度也不低，不一定适合所有人。
|
|||
|
|
还有一件有趣的事：虽然有点拗口，The Last Word和Last Call（拉单前最后一轮酒）有点像双关语，或者说它的名字本身就适合作为最后一杯酒。虽然这种幽默感值得欣赏，但并不需要每次都喝The Last Word来作为最后一杯酒。`,
|
|||
|
|
top:0
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面加载
|
|||
|
|
*/
|
|||
|
|
onLoad(e) {
|
|||
|
|
console.log(e.tag);
|
|||
|
|
wx.setNavigationBarTitle({
|
|||
|
|
title: e.tag || '详情'
|
|||
|
|
})
|
|||
|
|
this.setData({
|
|||
|
|
title:e.name
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面初次渲染完成
|
|||
|
|
*/
|
|||
|
|
onReady() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面显示
|
|||
|
|
*/
|
|||
|
|
onShow() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面隐藏
|
|||
|
|
*/
|
|||
|
|
onHide() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 生命周期函数--监听页面卸载
|
|||
|
|
*/
|
|||
|
|
onUnload() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面相关事件处理函数--监听用户下拉动作
|
|||
|
|
*/
|
|||
|
|
onPullDownRefresh() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 页面上拉触底事件的处理函数
|
|||
|
|
*/
|
|||
|
|
onReachBottom() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* 用户点击右上角分享
|
|||
|
|
*/
|
|||
|
|
onShareAppMessage() {
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
measureShowTypesChange(e:any) {
|
|||
|
|
// console.log(e.detail.value);
|
|||
|
|
this.setData({
|
|||
|
|
measure_show_types_index:Number(e.detail.value)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
openMeasureFunc(){
|
|||
|
|
const _this = this
|
|||
|
|
var query = wx.createSelectorQuery();
|
|||
|
|
query.select("#detail-container").boundingClientRect((rect)=> {
|
|||
|
|
|
|||
|
|
if(!this.data.measure_flag) {
|
|||
|
|
_this.setData({
|
|||
|
|
top:Math.abs(rect.top)
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
// console.log(rect)//width等
|
|||
|
|
this.setData({
|
|||
|
|
measure_flag:!this.data.measure_flag
|
|||
|
|
})
|
|||
|
|
|
|||
|
|
wx.pageScrollTo({
|
|||
|
|
scrollTop: _this.data.top,
|
|||
|
|
// scrollTop:230,
|
|||
|
|
duration: 100
|
|||
|
|
})
|
|||
|
|
}).exec();
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
measureUnitsChange(e:any) {
|
|||
|
|
this.setData({
|
|||
|
|
measure_units_index:Number(e.detail.value)
|
|||
|
|
})
|
|||
|
|
},
|
|||
|
|
closeFunc() {
|
|||
|
|
// this.setData({
|
|||
|
|
// measure_flag:!this.data.measure_flag
|
|||
|
|
// })
|
|||
|
|
this.openMeasureFunc()
|
|||
|
|
},
|
|||
|
|
personNumberFunc(params:any) {
|
|||
|
|
const type = params.currentTarget.dataset.type
|
|||
|
|
// console.log(type);
|
|||
|
|
|
|||
|
|
if(type == 1) { // 减
|
|||
|
|
if(this.data.person_number>1) {
|
|||
|
|
this.setData({
|
|||
|
|
person_number:--this.data.person_number
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else{ // 加
|
|||
|
|
this.setData({
|
|||
|
|
person_number:++this.data.person_number
|
|||
|
|
})
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
})
|