天天的博客

音乐列表页面：<view class="container"> <view class="list"> <text>播放全部</text> <text>多选</text> </view> <view class="music_list"> <view class="item" wx:for="{{musicList}}" wx:key = "id"

结构js当我们下拉时，要重新获取数据，这个时候，当成功后，要关闭下拉刷新getVideoList:function(vid){ wx.showLoading({ title: '正在加载', }); this.setData({ vList:"" }) // 获取当前vid 下的视频列表 wx.request({ url: 'http://localhost:3000/video/group?id='+vid, ...

学习小程序遇到了，遇到俩问题了，一个是头像无法显示 image 不起作用一个就是今天的 播放时间无法回显就是时间可以拿到，但是设置就是不起作用，会的小伙伴可以告诉我！

当视频播放的时候，我们要把播放的时间给记录下来等下次再播放的时候，我们再设置回去！我们记录播放时间下一步就是 将数据放data 里面！播放记录的列表 // 记录播放time eventhandle:function(event){ let vid = event.currentTarget.id; let time = event.detail.currentTime; let playobj = { vid,tim..

当没有播放的时候，让图片显示出来，当播放时，让video 显示，图片隐藏两个互斥由于 currentvideoid 只有一个值，所以只有一个video 显示，其余的都显示图片！顺便解决了， video 标签可以同时播放的问题！...

显示效果：

加载之前显示这个图标加载之后隐藏这个图标！

要显示列表，首先我们要把数据看清楚，上面就是数据的截图：下面我们看下js我们将数据放到了vList 中，next 就是 数据绑定了行，我们来看下， 显示效果：

行，我们先看下如何获取：看下得到的结果：

在这篇 我们要让它自动滚动起来！就是说白了，让 vid 一遍，我们的导航就会自动滚动到最左边！！

同样三部分，1， 界面（结构）<view class="info"><view class="header"> <scroll-view scroll-x enable-flex class="nav_menu" > <view class="item" wx:for="{{videoGroupList}}" wx:key="{{item.id}}" bindtap="handlePlay" >

1， cookie 放到 storage 中，当登录成功的时候login.js2,先获取视频分类行，数据有了，我们看下要写的页面

上次我们登陆成功后，应该在内存中，保存登陆的信息，然后再跳转到 个人中心页面这里我们看到用到了 reLauch ，这样能保证个人中心页面重新加载，onload 方法重新执行然后动态的修改页面的展示行了，有了数据后，我们爱干嘛干嘛！...

logingo:function(){ // es6 结构语法 const {phone,password} = this.data; console.log(this.data) //手机号不能为空 if(!phone){ wx.showToast({ title: '手机号不能为空', icon:'none' }) return; } //手机号必须符合格式 cons.

这个很简单，稍微给大家看下：我们重点看下 处理 函数我把ev 对象打印出来就知道代码为啥这样写了行 ，表单的数据搜集我们就搞定了，下一步就是表单的前台校验，这个也简单当前端校验成功后，就发送到后端若校验失败，则直接返回就行了， （顺便提示下）...

我图黄色的是我拖拽的区域css 样式：js// pages/info/info.let startY= 0;let moveY = 0;let distanceY = 0;Page({ /** * 页面的初始数据 */ data: { "movestyle":"translateY(0);", "movetime":"" }, /** * 生命周期函数--监听页面加载 */ onLoad: fun...

tabbar-wx 微信小程序非常简单，就是一个app.json 中配置一下就行， 图片让美工做好！

就是要灵活， 浮动不行，就定位，定位不行，就flex 反正只要能写出来 就行了css.paihang{ background:#CCC; width:100%;}.paihang-desc { position: relative; padding: 10rpx 10rpx; width: 100%; height: 100rpx; line-height: 100rpx; border: 1px solid red;}.fr { positio.

坚持写吧，也许写着写着就学会了小程序官网的 双项数据绑定，不太起作用，我们自己写个这样就可以实现表单数据的搜集了，是不是很简单！

.scrollItem text { font-size: 26rpx; /* 单行文本溢出隐藏 省略号代替 */ /*display: block;*/ /*white-space: nowrap;*/ /*overflow: hidden;*/ /*text-overflow: ellipsis;*/ /* 多行文本溢出隐藏 省略号代替*/ overflow: hidden; text-overflow: ellipsis; display: -webk...

1 就是将字体库的css 原封不动复制到 static 目录下2， 引入就行了3 ，使用的话，和原来一样！参考例子使用就行了，和原来字体图片没啥区别

就是获取数据，动态绑定就行了，和vue 一个样子，无非需要配置域名， 这个再说！返回的数据如下！

界面：<view class="indexContainer"> <image class="avatarurl" src="{{avatarUrl}}" wx:if="{{avatarurl}}"> </image> <text wx:if = "{{nickName}}">{{nickName}}</text> <button wx:if="{{!isPerm}}" open-type="getUserIn

当我们点击按钮时会显示我们 先点击拒绝看下返回结果：我们可以看到当我们点击拒绝的时候，就会发现 detail 里 有 errorMsg我们再点击允许看看：成功的时候有userInfo 对象行，我们修改下我们的处理函数成功我们打印成功信息，失败我们失败信息！————————————————————————————上面是我们登陆的逻辑！肚子有点疼，回头继续！...

1， 数据绑定，和Vue 一个样子在小程序中，一个页面组件包含四大块index.wxss 样式index.wxml 结构index.js 是 数据 ， 生命周期，回调函数，核心就是（数据绑定，组件化开发）index.json 是配置信息！我们重点关注结构和 数据index.wxml<view class="indexContainer"> <image class="avatarurl" src="/static/images/nvsheng.jpg.

小程序一直我想搞定，就是没认真学，从几天开始花个一星期，学完它！官网文档https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/data.html具体课程，需要的伙伴可以维信我 18451578808很多人都盗版我的课程（虽然我也是盗版）不扯了，从今天开始我们将踏入小程序的世界！为学日益! go!...