4 Star 0 Fork 0

乐一天 / qicang

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
Untitled-1 7.46 KB
一键复制 编辑 原始数据 按行查看 历史
闫庆瑞 提交于 2017-12-03 22:32 . 统一【已到最底部】样式
<div v-else>
<!-- 上拉加载更多 -->
<load-more-scroll :bottom-method="loadBottom" :bottom-all-loaded="allLoaded" :bottomPullText='bottomText' :auto-fill="false" @bottom-status-change="handleBottomChange" ref="loadmore">
<div class="items">
<div class="item" v-for="p in collect_list" @click="show_detail(p.collect_id)">
<img :src="p.first_pic">
</div>
</div>
<load-more tip="加载中" v-show="loading" slot="bottom" class="loading"></load-more>
<div v-show="allLoaded" class="end">
<p>已到最底部!</p>
</div>
</load-more-scroll>
</div>
</swiper-slide>
<swiper-slide class="statistics">
<div v-if="isStatistics" class="prompt">
<prompt @addCollection="addCollection" :list="promptList"></prompt>
</div>
<div v-else>
<div class="tab_self">
<div class="btn-box">
<button @click="change(1)" :class="tabChangeActive == '1' ? 'active': ''">分类</button>
<button @click="change(2)" :class="tabChangeActive == '2'? 'active': ''">年代</button>
</div>
</div>
<ul v-if="tabChangeActive == '1'" class="statistics_main">
<template v-for="item in statistical_list_1">
<li>
<div class="parent">
<div class="menu" @click="search_by_key(item.category_id_one, 'category_id_one', item.category_name_one)">
<p class="text">{{item.category_name_one}}</p>
<p class="num">{{item.count_one}}</p>
</div>
<template v-for="children in item.category_two_list">
<div class="children">
<div class="menu" @click="search_by_key(children.category_id_two, 'category_id_two', children.category_name_two)">
<p class="text">{{children.category_name_two}}</p>
<p class="num">{{children.count_two}}</p>
</div>
<div class="subChildren">
<template v-for="subChildren in children.category_three_list">
<div class="menu" @click="search_by_key(subChildren.category_id_three, 'category_id_three', subChildren.category_name_three)">
<p class="text">{{subChildren.category_name_three}}</p>
<p class="num">{{subChildren.count_three}}</p>
</div>
</template>
</div>
</div>
</template>
</div>
</li>
</template>
</ul>
<ul class="statistics_main years" v-if="tabChangeActive == '2'">
<template v-for="item in statistical_list_2">
<li @click="search_by_key(item.years_id, 'years', item.years_name)">
<div class="parent">
<div class="menu">
<p class="text" v-if="item.years_id == '6'">古代
<span>(具体时期不确认)</span>
</p>
<p class="text" v-else>{{item.years_name}}</p>
<p class="num">{{item.years_count}}</p>
</div>
</div>
</li>
</template>
</ul>
</div>
</swiper-slide>
<swiper-slide class="search-box">
<div class="input-box">
<x-input type="text" @on-enter="search" placeholder="请输入藏品关键字或编号" v-model="searchVal" name="search" id="search"></x-input>
</div>
<div class="history">
<group v-for="p in historyList" :key="p" @click.native="search(p)">
<cell :title="p"></cell>
</group>
</div>
<div class="clear" v-if="historyList.length > 0" @click="flush_history">
<i class="iconfont icon-qingchulishijiluicon"></i>
<span>清除历史记录</span>
</div>
</swiper-slide>
<swiper-slide>
<div class="number">
<p>藏品编号: {{collect_code_new}}</p>
</div>
<div class="addImg">
<template v-for="(item, index) in upload_files">
<div class="add_img_list">
<img :src="item.src" @click="previewer_upload(index)" alt="">
<i class="iconfont icon-guanbiicon" @click="del_upload(index)"></i>
</div>
</template>
<div v-transfer-dom>
<previewer :list="upload_files" ref="previewer_upload" :options="upload_previewer_options"></previewer>
</div>
<!-- touchend.prevent -->
<div class="addIcon" @touchend.prevent="openFile" v-show="upload_files.length < 9">
<i class="iconfont icon-tianjia needsclick"></i>
<p class="needsclick">添加图片</p>
<input v-if="is_wx" @change="fileChange" style="display: none" class="needsclick" ref="upload_file" type="file" accept="image/*">
<input v-else @change="fileChange" style="display: none" class="needsclick" ref="upload_file" type="file" multiple accept="image/*">
</div>
</div>
<div class="information">
<div class="title">
<span>藏品标题</span>
<input v-model="title" type="text" @focus="set_def_title" @blur="reset_def_title" :placeholder="title_placeholder">
</div>
<div class="briefing">
<span class="briefing_title">藏品简介</span>
<group>
<x-textarea style="padding: 0;" :max="360" placeholder="请输入藏品简介" v-model="briefing"></x-textarea>
</group>
</div>
<div class="years">
<group>
<popup-radio style="padding: 0;" title="估计年代" placeholder="请选择" :options="years_option" @on-change="years_change" v-model="years"></popup-radio>
</group>
</div>
</div>
<div class="category">
<p class="title">请选择藏品类别</p>
<group>
<popup-radio style="padding: 0;" title="一级类别" placeholder="请选择" :options="category_one_option" @on-change="category_one_change" v-model="category_id_one"></popup-radio>
</group>
<group>
<popup-radio style="padding: 0;" title="二级类别" placeholder="请选择" :options="category_two_option" @on-change="category_two_change" v-model="category_id_two"></popup-radio>
</group>
<group>
<popup-radio style="padding: 0;" title="三级类别" placeholder="请选择" :options="category_three_option" v-model="category_id_three" @on-change="category_three_change"></popup-radio>
</group>
</div>
<div class="btn_box" @click="release">
<button>发布</button>
</div>
</swiper-slide>
</swiper>
</div>
font-size: 28/@fontSize;
/*.loadmore {*/
/*padding-bottom: 50px;*/
/*}*/
.end{
text-align: center;
line-height: 70/@fontSize;
font-size: 28/@fontSize;
color:#666;
}
.main {
padding-bottom: 50px;
}
.btn_box {
padding: 0 30/@fontSize;
margin-bottom: 30/@fontSize;
}
.category {
margin-bottom: 40/@fontSize;
background: #fff;
margin-top: 20/@fontSize;
padding: 0 30/@fontSize;
.title {
font-size: 26/@fontSize;
line-height: 60/@fontSize;
height: 60/@fontSize;
color: #484848;
1
https://gitee.com/welove312/qicang.git
git@gitee.com:welove312/qicang.git
welove312
qicang
qicang
master

搜索帮助