微信小程序的消息框如何实现

wxml

<import src="/dist/toast/index.wxml" />

<view class="container">

<view class="doc-title">显示</view>

<view class="zan-btns" style="margin-top: 30vh;">

<button class="zan-btn" bindtap="showToast">

点击显示

</button>

</view>

</view>

<template is="zan-toast" data="{{ zanToast }}"></template>

js

var Zan = require('../../dist/index');

Page(Object.assign({}, Zan.Toast, {

data: {},

showToast() {

this.showZanToast('收费标准每小时3元...');

}

}));

效果是下面这样

你可以在网上下一个小程序的ui框架，这样方便很多