ZIP32个uniapp项目源码 涵盖商城团购等 97.04MB

qq_45102995

资源文件列表:

uniapp之源码案例（32个案例）.zip 大约有36个文件
  1. IT之家小程序版客户端（使用 Mpvue 开发，兼容 Web）ithome-lite-master.zip 647.72KB
  2. mpVue高仿美团小程序教程mpvue-meituan-master.zip 262.56KB
  3. mpvue 仿网易严选mpvue-shop-master.zip 1.09MB
  4. mpvue-音乐播放器mpvue-music-master.zip 784KB
  5. mpvue性能测试与体验miniweibo-master.zip 101.69KB
  6. mpvue改造的日历.zip 22.53KB
  7. mpvue框架仿滴滴出行didi-master.zip 3.47MB
  8. uni APP自动更新并安装.vue 3.15KB
  9. uni-app nvue沉浸式状态栏（线性渐变色）.vue 1.25KB
  10. uni-app 二维码生成器分享wxqrcode.zip 9.49KB
  11. uni-app 侧边导航分类,适合商品分类页面uni-app-left-navigation-master.zip 33.19KB
  12. uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip 121.34KB
  13. uni-app全局变量的几种实现方式.zip 319.53KB
  14. uni-app的markdown富文本编辑器插件uniapp-markdown-master.zip 49.73KB
  15. uni-app自定义导航栏title-custom.zip 7.16KB
  16. uniapp聊天实例，支持图片，语音，表情.zip 1.04MB
  17. uniapp选择器,包含一级,二级级联,三级级联uniapp-picker-master.zip 55.97KB
  18. vue-mpvue-ChatRobot聊天机器人vue-mpvue-ChatRobot-master.zip 6.81MB
  19. 【小程序】CNode社区mpvue-cnode-master.zip 194.24KB
  20. 【插件、图表】7种图表漂亮丰富uniCharts.zip 246.7KB
  21. 一款播课类小程序, 基于 mpvue 构建mp-podcast-mpvue-master.zip 4.74MB
  22. 云档新版小程序端，基于mpvue开发cloud-doc-v2-master.zip 393.94KB
  23. 仿uc浏览器列表.vue 4.72KB
  24. 仿扎克新闻mpZAKER-master.zip 426.14KB
  25. 仿网易云UImusic播放器mpvue-music-master.zip 901.21KB
  26. 仿追书神器的小说阅读器小程序wx-book-master.zip 18.37MB
  27. 参照米家APP布局和样式,编写的一款智能家居小程序smart-home-master.zip 2.67MB
  28. 商城实例mpvue-xbyjShop-master.zip 10.14MB
  29. 基于 mpvue 实现豆瓣电影微信小程序mpvue-douban-master.zip 3.65MB
  30. 基于mpvue的优酷mpvue-youku-master.zip 1.15MB
  31. 校园助手示例SHUhelper-master.zip 19.01MB
  32. 类似mui中的chat（聊天窗口）实现uniapp-chat-master.zip 29.74KB
  33. 美团外卖(第三方)开源程序mpvue-master.zip 16.23MB
  34. 美食搜索mpvue-FG-master.zip 194.3KB
  35. 豆瓣平分mpvue-douban-pingfen-master.zip 5.07MB
  36. 顶部tabbar.vue 1.24KB

资源介绍:

源码列表： IT之家小程序版客户端(使用 Mpvue 开发，兼容 Web)ithome-lite-master.zip mpvue 仿网易严选mpvue-shop-master.zip mpvue-音乐播放器mpvue-music-master.zip mpvue性能测试与体验miniweibo-master.zip mpvue改造的日历.zip mpvue框架仿滴滴出行didi-master.zip mpVue高仿美团小程序教程mpvue-meituan-master.zip uni APP自动更新并安装.vue uni-app nvue沉浸式状态栏(线性渐变色).vue uni-app 二维码生成器分享wxqrcode.zip uni-app 侧边导航分类,适合商品分类页面uni-app-left-navigation-master.zip uni-app 自定义底部导航栏uni-app-bottom-navigation-master.zip uni-app全局变量的几种实现方式.zip uni-app的markdown富文本编辑器插件uniapp-
<template> <view class="body"> <view class="tabbar" > <view class="tabbarlist" > <view class="tab"> <text>推荐</text> </view> <view class="tab"> <text>财经</text> </view> <view class="tab"> <text>科技</text> </view> <view class="tab"> <text>娱乐</text> </view> </view> </view> <!-- 数据是第三方的，如果自己的数据最好加一个type，通过type来分类排版，以下我是通过作者判断实现的 更多源码请加群 UniApp开源技术群 757988036 --> <view class="uni-list"> <view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(value,key) in listData" :key="key" @click="goDetail(value)" > <view class="uni-media-list"> <image :class="[(value.author_name)=='36氪的朋友们' ? 'uni-media-list-logo':'listhide']" :src="value.cover"></image> <view class="uni-media-list-body"> <view class="uni-media-list-text-top">{{value.title}}</view> <view class="uni-media-list-text-bottom"> <text :class="[(value.author_name)=='全媒派' ? 'listhide':'']">{{value.author_name}}</text> <text :class="[(value.author_name)=='36氪的朋友们' ? '':'listhide']" >{{value.published_at}}</text> <image :class="[(value.author_name)=='全媒派' ? 'list3':'listhide']" :src="value.cover"></image> <image :class="[(value.author_name)=='全媒派' ? 'list3':'listhide']" :src="value.cover"></image> <image :class="[(value.author_name)=='全媒派' ? 'list3':'listhide']" :src="value.cover"></image> </view> </view> <image :class="[(value.author_name)!=='36氪的朋友们' && (value.author_name)!=='全媒派' ? 'uni-media-list-logo':'listhide']" :src="value.cover"></image> </view> </view> </view> </view> </template> <script> var dateUtils = require('../../../common/util.js').dateUtils; export default { data() { return { listData: [], last_id: "", reload: false } }, onLoad() { this.getList(); }, onPullDownRefresh() { this.reload = true; this.last_id = ""; this.getList(); }, onReachBottom() { this.getList(); }, methods: { getList() { var data = { column: "id,post_id,title,author_name,cover,published_at" //需要的字段名 }; if (this.last_id) { //说明已有数据，目前处于上拉加载 data.minId = this.last_id; data.time = new Date().getTime() + ""; data.pageSize = 10; } uni.request({ url: 'https://unidemo.dcloud.net.cn/api/news', data: data, success: (data) => { if (data.statusCode == 200) { let list = this.setTime(data.data); this.listData = this.reload ? list : this.listData.concat(list); this.last_id = list[list.length - 1].id; this.reload = false; } }, fail: (data, code) => { console.log('fail' + JSON.stringify(data)); } }) }, goDetail: function (e) { // if (!/前|刚刚/.test(e.published_at)) { // e.published_at = dateUtils.format(e.published_at); // } let detail = { author_name: e.author_name, cover: e.cover, id: e.id, post_id: e.post_id, published_at: e.published_at, title: e.title } uni.navigateTo({ url: "../list2detail-detail/list2detail-detail?detailDate=" + encodeURIComponent(JSON.stringify(detail)) }) }, setTime: function (items) { var newItems = []; items.forEach((e) => { newItems.push({ author_name: e.author_name, cover: e.cover, id: e.id, post_id: e.post_id, published_at: dateUtils.format(e.published_at), title: e.title }); }); return newItems; } }, } </script> </script> <style> .tabbar{width: 100%;height: 100upx; /* border-top: solid #eee 1upx; */ } .tabbarlist{width: 100%;height: 100upx;position: fixed;background:#ffffff; z-index: 999999;border-bottom: solid #eee 1upx; } .tabbarlist .tab{width: 20%;height: 100upx;/* background: #007AFF; */float: left;display: block;text-align: center;line-height: 100upx;color: #000;} .listhide{display: none;} .listshow{display: block;} .list3{height: 140upx;margin-left: 4upx;} .uni-media-list-logo { width: 180upx; height: 140upx; } .uni-media-list-body { height: auto; justify-content: space-around; } .uni-media-list-text-top { height: 74upx; font-size: 28upx; overflow: hidden; } .uni-media-list-text-bottom { display: flex; flex-direction: row; justify-content: space-between; } </style> 演示地址：http://wx1.sinaimg.cn/mw690/0060lm7Tly1fyapsl1l03j30k00qojtn.jpg
100+评论
captcha
    相关资源
    类型标题大小时间
    ZIPRedis 数据库 安装、配置、访问资源18.23MB2年前
    ZIPAndroid XMPP例子(Openfire+asmack+spark)2MB13年前
    ZIPMFC类库详解7.46MB16年前
    ZIPAndroid 使用videoview播放Rtsp视频 demo279.22KB8年前
    ZIP网上购物系统ssh167.45KB17年前
    ZIPFasterRcnn.zip25.54MB3年前
    ZIPNetFx3.cab离线包68.7MB3年前
    ZIPCANdb++Admin完整安装包59.72MB2年前