uniapp小笔记

2021-05-10 22:33:57 阅读：174 来源： 互联网

标签：uniapp monthes res wallpaper 笔记 moment result uni

1.创建项目 vue create -p dcloudio/uni-preset-vue dnpicture

2安装 sass依赖 npm install sass-loader@7.3.1 node-sass@4.14.1

3.getApp().globalData 可以设置全局变量

4.在scroll-view 里做了flex布局需要添加 enable-flex才能使display:flex生效

getList(){
            this.request({
                url: `http://157.122.54.189:9088/image/v1/wallpaper/album/${this.id}/wallpaper`,
                data: this.params
            }).then(result => {
                // console.log(result);
                if(Object.keys(this.album).length === 0){
                    this.album = result.res.album;
                }

                if(result.res.wallpaper.length ===0){
                    this.hasMore = false;
                    uni.showToast({
                        title: '没有更多数据了',
                        icon:'none'
                    });
                    return
                }
                    this.wallpaper = [...this.wallpaper, ...result.res.wallpaper];
            })
        }

// 页面触底上拉加载下一页事件 onReachBottom(){ // console.log('22'); if(this.hasMore){ this.params.first = 0; this.params.skip += this.params.limit; this.getList(); }else{ uni.showToast({ title: '没有更多数据了', icon:'none' }); } },

5.以上代码是做了一个分页的效果，多次请求图片然后通过展开运算符添加到数组中，如果是有2个以上的tab栏目需要把数组清空 skip重置为0 然后重新发送请求

6.// 修改页面的标题uni.setNavigationBarTitle({title: '最新' });

7.引入moment.js 可以实现一些时间的转换

import moment from "moment"; this.monthes = res.res.homepage[2]; // 将时间改成 18号 moment.js this.monthes.MM = moment(this.monthes.stime).format('MM'); this.monthes.DD = moment(this.monthes.stime).format('DD'); 8. import {uniSegmentedControl} from '@dcloudio/uni-ui' 分段器的使用 9. 组件封装的重要性

标签：uniapp,monthes,res,wallpaper,笔记,moment,result,uni
来源： https://www.cnblogs.com/dcfkm666/p/14753146.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

uniapp小笔记