var am_count = 0;
const am_db = {}
const style = {
menuItemHeight: '114rpx'
}
const subitem_db = {
'base-ctr-lib': [
{ name: '图标', nav_url: '../base-ctr-lib/icon/icon' },
{ name: '提示', nav_url: '../base-ctr-lib/toast/toast' },
{ name: '按钮', nav_url: '../base-ctr-lib/button/button' },
{ name: '输入', nav_url: '../base-ctr-lib/input/input' },
{ name: '选择', nav_url: '../base-ctr-lib/select/select' },
{ name: '列表', nav_url: '../base-ctr-lib/list/list' },
{ name: '卡片', nav_url: '../base-ctr-lib/card/card' },
{ name: '弹框', nav_url: '../base-ctr-lib/popup/popup' }
],
'com-lib': [
{ name: '结果页', nav_url: '../comb-lib/result/result' },
{ name: '弹窗',nav_url: '../comb-lib/popup/popup' },
{ name: '页面内加载', nav_url: '../comb-lib/inner_loading/inner_loading' },
{ name: '按钮加载', nav_url: '../comb-lib/btn_loading/btn_loading' },
{ name: '搜索', nav_url: '../comb-lib/search/search' },
{ name: '搜索中', nav_url: '../comb-lib/searching/searching' },
{ name: '底部 Tab', nav_url: '../comb-lib/bottom_tab/bottom_tab'},
{ name: '顶部 Tab', nav_url: '../comb-lib/top_tab/top_tab'},
{ name: '顶部 Tab (二)', nav_url: '../comb-lib/top_tab2/top_tab2'},
{ name: '排序', nav_url: '../comb-lib/top_sort/top_sort'},
{ name: '其他', nav_url: '../comb-lib/other/other'}
],
'com-example-page': [
{ name: '文档说明', nav_url: '../comb-example/doc/doc' },
{ name: '图文', nav_url: '../comb-example/img_doc/img_doc' },
{ name: '表单输入组合', nav_url: '../comb-example/form/form' },
{ name: '表单输入报错',nav_url: '../comb-example/form_error/form_error' },
{ name: '表单输入组合（二）', nav_url: '../comb-example/form2/form2' },
{ name: '收货地址', nav_url: '../comb-example/ship_address/ship_address'},
{ name: '新增地址', nav_url: '../comb-example/add_ship_address/add_ship_address'},
{ name: '结果页', nav_url: '../comb-example/result/result'},
{ name: '发送验证码', nav_url: '../comb-example/send_form_code/send_form_code'},
{ name: '获取验证码', nav_url: '../comb-example/get_form_code/get_form_code'},
{ name: '选择控件', nav_url: '../comb-example/select_ctrl/select_ctrl'},
{ name: '只读表单', nav_url: '../comb-example/read_only_form/read_only_form'}
],
'android-diff-page': [
{ name: '标题单行', nav_url: '../android-diff/title_single_line/title_single_line'},
{ name: '无标题', nav_url: '../android-diff/blank_title/blank_title'},
{ name: '单行列表', nav_url: '../android-diff/single_line_list/single_line_list' }
]
}
function createAm(){
am_count += 1;
return wx.createAnimation({
duration:170,
timingFunction: "linear"
})
}
function buildIcon(menu){
menu.icon = menu.icon || {}
if (menu.icon.src){
return
}
if (menu.icon.path){
menu.icon.src = '../..' + menu.icon.path
}
}
function buildSubItems(menu){
menu.sub_items = subitem_db[menu.id]
}
function setup(page, menu_list){
menu_list.forEach(function(menu){
buildSubItems(menu)
buildIcon(menu)
am_db[menu.id] = createAm()
menu.sub_items.forEach(function(sub_item){
am_db[sub_item.name] = createAm()
})
})
return {
getMenu: function(menu_id){
return menu_list.find(function(menu){
return menu.id === menu_id
})
},
amStep: function(menu, af){
var sub_items = menu.sub_items
sub_items.forEach(function(item){
var am = am_db[ item.name ]
af(am)
am.step()
item.am_data = am.export()
})
},
rangeMenu: function(menu, h){
var am = am_db[menu.id]
am.height(h).step()
menu.am_data = am.export()
},
closeMenus: function() {
var that = this
menu_list.forEach( function( m ) {
m.toggle_class = "closed"
that.amStep( m, function( am ) {
am.height( 0 ).opacity( 0 )
})
that.rangeMenu(m, style.menuItemHeight)
})
return menu_list
},
closeOtherMenus: function( menu ) {
var that = this
menu_list.forEach( function( m ) {
if( m.id != menu.id ) {
m.toggle_class = "closed"
that.amStep( m, function( am ) {
am.height( 0 ).opacity( 0 )
})
that.rangeMenu(m,style.menuItemHeight)
}
})
},
toogle: function( menu) {
if( menu.toggle_class === "closed" ) {
menu.toggle_class = ''
this.closeOtherMenus(menu)
this.amStep( menu, function( am ) {
am.height('57rpx').opacity( 1 )
})
this.rangeMenu(menu, '100%')
} else {
menu.toggle_class = "closed"
this.amStep( menu, function( am) {
am.height( 0 ).opacity( 0 )
})
this.rangeMenu(menu, style.menuItemHeight)
}
return menu_list
}
}
}
module.exports = {
setup: setup
}
学习专用精品demo推荐：微信设计指南中的Web设计和控件库(源代码+截图)
版权申诉
17 浏览量
2022-06-19
19:15:05
上传
评论
收藏 1.1MB ZIP 举报
学习专用精品demo推荐：微信设计指南中的Web设计和控件库(源代码+截图) （174个子文件） 
menu.js 5KB popup.js 4KB select.js 3KB button.js 2KB picker.js 2KB searching.js 2KB toast.js 2KB com.js 2KB index.js 1KB input.js 1KB select_ctrl.js 1KB img_doc.js 1KB form_error.js 1KB list.js 1KB form.js 1KB popup.js 1KB card.js 1001B read_only_form.js 986B get_form_code.js 952B util.js 941B top_sort.js 893B other.js 884B search.js 863B doc.js 862B icon.js 667B top_tab2.js 616B top_tab.js 616B add_ship_address.js 553B ship_address.js 468B form.js 463B switch.js 354B send_form_code.js 325B form2.js 320B result.js 317B switcher.js 298B bottom_tab.js 291B logs.js 266B inner_loading.js 187B btn_loading.js 187B result.js 72B app.js 17B title_single_line.js 0B single_line_list.js 0B blank_title.js 0B app.json 2KB form2.json 208B form.json 199B form_error.json 199B send_form_code.json 196B get_form_code.json 196B inner_loading.json 196B top_tab2.json 195B title_single_line.json 193B single_line_list.json 193B read_only_form.json 193B select_ctrl.json 193B add_ship_address.json 193B doc.json 193B ship_address.json 193B btn_loading.json 193B top_tab.json 191B bottom_tab.json 191B blank_title.json 190B result.json 190B result.json 190B searching.json 190B img_doc.json 187B other.json 187B search.json 187B popup.json 187B top_sort.json 187B logs.json 54B button.json 40B
article_neck.png 902KB starbak.png 15KB big_rect.png 5KB tab_item_icon1.png 3KB tab_item_icon3.png 3KB tab_item_icon2.png 3KB loading.png 2KB default_avatar3x.png 2KB default_avatar2x.png 1KB detail_disclosure.png 1KB icon_nav_search.png 1KB default_avatar1x.png 991B icon_nav_feedback.png 924B add_image.png 687B check_box.png 608B icon_nav_nav.png 579B search.png 563B chevron.png 557B rectangle.png 500B icon_nav_z-index.png 388B icon_nav_layout.png 357B check_box_blank.png 270B add.png 248B blank_rect.png 241B icon_nav_form.png 200B list.wxml 13KB select.wxml 6KB共 174 条
- 1
- 2
资源评论
大富大贵7
- 粉丝: 302
- 资源: 8869
