wux-weapp / wux-weapp Goto Github PK

	if (offset === `next`) {
		// const next = this._data.months[this._data.months.length - 1]
		// const nextDateTime = this.getNextDateTime(next.year, next.month)
        const currentYear = this._data.currentYear
        const currentMonth = this._data.currentMonth
		const currentDateTime = new Date(currentYear, currentMonth)
        const prevMonthHTML = this.monthHTML(currentDateTime, `prev`)
        const currentMonthHTML = this.monthHTML(currentDateTime)
        const nextMonthHTML = this.monthHTML(currentDateTime, `next`)
		// this._data.months.splice(0, 1)
		// this._data.months.push(nextMonthHTML)
        this._data.months = [prevMonthHTML, currentMonthHTML, nextMonthHTML]
	}

	if (offset === `prev`) {
		// const prev = this._data.months[0]
		// const prevDateTime = this.getPrevDateTime(prev.year, prev.month)
        const currentYear = this._data.currentYear
        const currentMonth = this._data.currentMonth
		const currentDateTime = new Date(currentYear, currentMonth-2)
        const prevMonthHTML = this.monthHTML(currentDateTime, `prev`)
        const currentMonthHTML = this.monthHTML(currentDateTime)
        const nextMonthHTML = this.monthHTML(currentDateTime, `next`)
		// this._data.months.splice(this._data.months.length - 1, 1)
		// this._data.months.unshift(prevMonthHTML)
        this._data.months = [prevMonthHTML, currentMonthHTML, nextMonthHTML]
	}
}

不是issue

你做的这个组件，效果很漂亮。大赞，帮了我这个后端大忙。

通常，这个时候，会有一个但是。。。
但是，编程风格上面，我这个后端程序员就很痛苦了。。而且文档说明也不多，幸好有很多例子，而且还是特新潮的 ES6 的例子。。老人家看起来很累啊，很累啊，很累啊，很累啊。。

关于dialog.prompt取值问题。

我不知道为什么dialog.prompt取值要使用
that.data.$wux.dialog.prompt.response
这样长串的方法，是有特殊应用需求吗？

rater评分组件如何获取当前的评分值呢?

rater组件的rater.js文件中：
/**

点击触发事件
*/
bindtap(e) {
const i = e.currentTarget.dataset.index
const rater = this.page.data.$wux.rater[id]
const value = rater.value
const disabled = rater.disabled

  			if (disabled) return !1

  			if (value === i + 1) {
  				this.page.setData({
  					[`$wux.rater.${id}.value`]: i
  				})
  			} else {
  				this.page.setData({
  					[`$wux.rater.${id}.value`]: i + 1
  				})
  			}

  			that.updateStyle(id, this.page)
  			that.updateValue(id, this.page)

  			typeof options.callback === `function` && options.callback(e)
  		}

上面代码中，评分回调函数options.callback(e)的参数e好像并没有带上用户选中评分的value，请问是我理解有误还是有其他方式来获得当前用户选中的评分值，谢谢：）

能不能增加一个下拉筛选的菜单组件

网上有一些下拉筛选的菜单组件感觉不是太好，看到大神的组件封装得逼格很高，可否有时间新增一个功能比较齐全的下拉筛选菜单组件？

FilterBar在模拟器下可以用，真机下点击任何按钮没有反应

我使用例子程序就可以重现这个问题。
经过dubug，发现 filterbar.js的初始化方法里，options.items传过来了，options.onChange竟然是空的，所以点击排序等按钮不起作用

想请教一个问题 return !1 和 return !0 这样写的作用

我看到源码里很多return !1 和 return !0，为什么不直接些return false or true，我一直不理解为什么要这么写？也没有搜索到到答案，想请教作者这样些有什么作用？

filterbar侧边栏滚动影响蒙板后列表的滚动

filterbar组件弹出的筛选侧边栏，滑动时，蒙版后面的列表也跟着滚动，有什么办法能避免吗？
如以下Gif动图效果所示。

Filterbar模拟器下，过滤条件画面切换radiobutton的选项的时候出item.children.map is not a function 错误，但是真机下可以

showToast() {
this.$wuxToast.show({
type: 'success',
timer: 1500,
color: '#fff',
text: '已完成',
success: () => console.log('已完成')
})
},
showToastCancel() {
this.$wuxToast.show({
type: 'cancel',
timer: 1500,
color: '#fff',
text: '取消操作',
success: () => console.log('取消操作')
})
}

比如pages里面的toast示例，其实每次show都会new一个component实例，从性能上考虑有木有更好的办法？:)

refresher有明显的卡顿问题，下拉刷新不能自动消失

iPhone 6sp 真机

js:

// pages/notifications/notifications.js
import { $wuxRefresher } from '../../dist/components/wux'

Page({
    data: {
        items: [
            {
                user_name: 'Hzzone',
                pic_url: 'http://tuchuang-1252747889.cosgz.myqcloud.com/2018-03-23-01.png',
                time: new Date().toLocaleString(),
                content: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
            },
            {

                user_name: 'Hzzone',
                pic_url: 'http://tuchuang-1252747889.cosgz.myqcloud.com/2018-03-23-01.png',
                time: new Date().toLocaleString(),
                content: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
            }
        ],
    },
    onLoad() {
        this.refresher = new $wuxRefresher({
            onPulling() {
                console.log('onPulling')
            },
            onRefresh() {
                console.log('onRefresh')
                // 刷新时调用
                setTimeout(() => {
                    const items = this.scope.data.items

                    items.unshift({

                        user_name: 'Hzzone',
                        pic_url: 'http://tuchuang-1252747889.cosgz.myqcloud.com/2018-03-23-01.png',
                        time: new Date().toLocaleString(),
                        content: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
                    })

                    this.scope.setData({
                        items: items,
                    })

                    this.events.emit(`scroll.refreshComplete`)
                }, 1000)
            }
        })
        console.log(this.refresher)
    },
    touchstart(e) {
        this.refresher.touchstart(e)
    },
    touchmove(e) {
        this.refresher.touchmove(e)
    },
    touchend(e) {
        this.refresher.touchend(e)
    },
})

html:

<!--pages/notifications/notifications.wxml-->
<import src="../../dist/components/refresher/refresher.wxml"/>

<view class="container" style="position: absolute; height: 100%; {{ $wux.refresher.style }}" bindtouchstart="touchstart" bindtouchmove="touchmove" bindtouchend="touchend">
	<template is="refresher" data="{{ ...$wux.refresher }}"/>
	<view class="weui-panel weui-panel_access">
        <view class="weui-panel__hd">消息列表</view>
        <view class="weui-panel__bd">
            <navigator wx:for="{{ items }}" wx:key="" url='/pages/notification_detail/notification_detail?user_name={{item.user_name}}&time={{item.time}}&content={{item.content}}&pic={{item.pic_url}}'>
            <view class="weui-media-box weui-media-box_text">
                <view class='user_info'>
                    <image src='{{item.pic_url}}'></image>
                    <view>{{ item.user_name }}</view>
                </view>
                <view class='notification_info'>
                        <view class="time">{{ item.time }}</view>                     
                 <view class="weui-media-box__desc">{{ item.content }}</view>  
                </view>
                
            </view>
            </navigator>
            
        </view>
    </view>
</view>

css:

/* pages/notifications/notifications.wxss */
.weui-media-box {
    padding: 10rpx;
}

.weui-media-box image {
    height: 120rpx;
    width: 120rpx;
    padding: 10rpx;
}

.weui-media-box.weui-media-box_text {
    display: flex;
}

.title {
    display: row;
}

.user_info {
    font-size: 30rpx;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.time {
    margin: 10rpx;
    color: black; 
    font-size: 35rpx;
}
.notification_info .weui-media-box__desc{
    margin: 10rpx;
    height: 110rpx;
    -webkit-line-clamp: 3;
}

.weui-panel.weui-panel_access {
    overflow: visible;
}
.container {
    display: block;
}

关于倒计时传入动态数据

// date: +(new Date) + 24 * 60 * 60 * 1000,
直接传入数值可以倒计时
date: that.c3Date,
传入自定义的动态数据，实际倒计时时的数值还是js封装类里面定义的默认值，进行倒计时。
怎样修改封装的类

组件很棒，有考虑过出mpvue的版本吗？

我用vue时有vux，现在小程序有wux，如果能有mpvue版的就超级棒了！

filterbar筛选在模拟器可以使用，到真机上层级出现问题，弹出层在list下面

如题

调用遇到问题

我在项目中调用的时候报错了, 改成 -> onConfirm: function(e) { 这样可以

筛选框点击空白处，筛选消失

您好，我看了您最近的更新，将筛选框点击空白处的事件绑定到onConfirm(e)事件上了，这样的话，点击空白处等同于点击确定。我觉得这样用户体验不是很好，因为点击空白一般发生在误点筛选，或者点击筛选之后发现没有需要的筛选项，只是简单的关闭筛选框而已。
建议将此时间单独绑定一下。
我按照我的需求新建了一个方法，components/filterbar/filterbar.js第60行后增加以下代码
/** * 点击空白筛选框消失 * @param {Object} e 事件对象 */ filterHide(e) { const { index } = e.currentTarget.dataset this.setData({ [$wux.filterbar.items[${index}].visible]: false, }) },
在components/filterbar/filterbar.wxml第12行改为以下
<view class="wux-backdrop {{ animateCss }}" hidden="{{ !item.visible }}" wx:if="{{ item.type === 'filter' }}" data-index="{{ index }}" bindtap="{{filterHide}}"></view>

报错 firstRender not the data from Page.data

$wui.xxx.yyy这类都是onload之后才挂到Page的data上的，所以页面初始化时候没有这类数据
<template data="...$wui.xxx.yyy"就报错

目前只找到笨办法手动提前设置好

Page({
  data: {
    $wui: { xxx: { yyy: [] } }
  }
})

wux-weapp / wux-weapp Goto Github PK

wux-weapp's Issues

Recommend Projects

Recommend Topics

Recommend Org