feat: 首次提交
This commit is contained in:
peerless_hero
292
pages/component/nav/indexList-A/index.list.js
Normal file
292
pages/component/nav/indexList-A/index.list.js
Normal file
@ -0,0 +1,292 @@
|
||||
// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 61 407254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
|
||||
//约定的数据格式如下，其他属性可自行补充
|
||||
export default [{
|
||||
//索引，右侧显示，单字符，必选
|
||||
letter: '★',
|
||||
//索引描述，列表内容上方显示，若为空则显示letter，可选
|
||||
descr: '★ 星标朋友',
|
||||
//该索引下内容，可选，不传则不显示该索引
|
||||
data: [{
|
||||
//主内容。必选
|
||||
text: 'FirstUI',
|
||||
//图片。isSrc为true时生效，可选
|
||||
src: '/static/images/common/img_logo.png',
|
||||
//是否选中。isSelect为true时生效，可选
|
||||
//checked:false,
|
||||
//附属内容。可选
|
||||
// subText: ''
|
||||
}, {
|
||||
text: '爸爸',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '妈妈',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'A',
|
||||
data: [{
|
||||
text: '阿杰',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'A 甜心',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '阿威',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Aaron',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'B',
|
||||
data: [{
|
||||
text: '爸爸',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '毕果',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '别亦难',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '斌斌',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '冰冰',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '兵兵兵',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'C',
|
||||
data: [{
|
||||
text: 'c.',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Carry',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '测试-小张',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '产品经理',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'CoCo',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'D',
|
||||
data: [{
|
||||
text: '大河马',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Daisy',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '叮叮',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'E',
|
||||
data: [{
|
||||
text: 'emmi',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'eqq',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'F',
|
||||
data: [{
|
||||
text: 'Fast',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '风居',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'FirstUI',
|
||||
src: '/static/images/common/img_logo.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'G',
|
||||
data: [{
|
||||
text: '感恩',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '干饭人',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '公寓小区',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'H',
|
||||
data: [{
|
||||
text: '哈哈',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '海绵',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '厚德载物',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'I',
|
||||
data: []
|
||||
}, {
|
||||
letter: 'J',
|
||||
data: [{
|
||||
text: 'Jennie',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '江月明',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '经理',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'K',
|
||||
data: [{
|
||||
text: '开学了',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Kevin',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '空谷幽兰',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'L',
|
||||
data: [{
|
||||
text: 'L-Zz',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '老费',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '李美丽',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'M',
|
||||
data: [{
|
||||
text: '妈妈',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '芒果味的橙子',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Me',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'N',
|
||||
data: [{
|
||||
text: 'NeiL',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '牛气冲天',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '诺言',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'O',
|
||||
data: [{
|
||||
text: '欧大大',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '欧-HR',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'P',
|
||||
data: [{
|
||||
text: 'Peter',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '蒲公英',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'Q',
|
||||
data: [{
|
||||
text: '七语',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '全球时刻',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'R',
|
||||
data: [{
|
||||
text: '冉不三',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: 'Rose',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'S',
|
||||
data: [{
|
||||
text: 'sandy',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '时光匆匆',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'T',
|
||||
data: [{
|
||||
text: '谭五',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '田六',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'U',
|
||||
data: []
|
||||
}, {
|
||||
letter: 'V',
|
||||
data: []
|
||||
}, {
|
||||
letter: 'W',
|
||||
data: [{
|
||||
text: '王不休',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'X',
|
||||
data: [{
|
||||
text: '西红柿炒鸡蛋',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'Y',
|
||||
data: [{
|
||||
text: '烟花易冷',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: 'Z',
|
||||
data: [{
|
||||
text: '中国电信',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}, {
|
||||
letter: '#',
|
||||
data: [{
|
||||
text: '69号公寓',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}, {
|
||||
text: '2513',
|
||||
src: '/static/images/common/icon_tabbar_2x.png'
|
||||
}]
|
||||
}]
|
||||
47
pages/component/nav/indexList-A/indexList-A.vue
Normal file
47
pages/component/nav/indexList-A/indexList-A.vue
Normal file
@ -0,0 +1,47 @@
|
||||
<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 614072 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
|
||||
<template>
|
||||
<fui-index-list isSrc :listData="lists" @init="init" @click="itemClick">
|
||||
<fui-search-bar @search="search"></fui-search-bar>
|
||||
<template v-slot:footer>
|
||||
<fui-loadmore v-if="!show"></fui-loadmore>
|
||||
<fui-divider text="66个朋友及联系人" v-if="show"></fui-divider>
|
||||
</template>
|
||||
</fui-index-list>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import lists from './index.list.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
//如果是请求数据返回，返回后直接整体赋值给lists（注意数据格式正确）
|
||||
lists: lists,
|
||||
show: false
|
||||
}
|
||||
},
|
||||
onLoad() {
|
||||
// setTimeout(() => {
|
||||
// this.show = true;
|
||||
// }, 500)
|
||||
},
|
||||
methods: {
|
||||
init() {
|
||||
this.show = true;
|
||||
},
|
||||
search(e) {
|
||||
this.fui.toast(`搜索：${e.detail.value}`)
|
||||
//相关逻辑自行处理
|
||||
// ...
|
||||
},
|
||||
itemClick(e) {
|
||||
console.log(e)
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
page {
|
||||
font-weight: normal;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user