wux/dist/pages/prompt/index.js

微信小程序 - 自定义组件

import { $wuxPrompt } from '../../components/wux'
const sliderWidth = 96

Page({	
	data: {
        tabs: ['全部', '待收货', '待评价'],
        activeIndex: '0',
        sliderOffset: 0,
        sliderLeft: 0
    },
    onLoad() {
		$wuxPrompt.init('msg1', {
			title: '空空如也', 
			text: '暂时没有相关数据', 
		}).show()

		$wuxPrompt.init('msg2', {
			icon: '../../assets/images/iconfont-order.png', 
			title: '您还没有相关的订单', 
			text: '可以去看看有哪些想买', 
			buttons: [
				{
					text: '随便逛逛'
				}
			],
			buttonClicked(index, item) {
				console.log(index, item)
			},
		}).show()

		$wuxPrompt.init('msg3', {
			icon: '../../assets/images/iconfont-empty.png', 
			title: '暂无待评价订单', 
		}).show()

		this.getSystemInfo()
	},
    getSystemInfo() {
    	const that = this
        wx.getSystemInfo({
            success(res) {
                that.setData({
                    sliderLeft: (res.windowWidth / that.data.tabs.length - sliderWidth) / 2, 
                })
            }
        })
    },
    tabClick(e) {
        this.setData({
            sliderOffset: e.currentTarget.offsetLeft, 
            activeIndex: e.currentTarget.id, 
        })
    },
})