微信小程序的消息框

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框架，这样方便很多

微信小程序开发怎么实现尖嘴指示框？

微信小程序的最下方的tab有两种方式，一种是微信小程序自带的，另外一种是自己实现或使用组件来做。
两种tab都只能用一种方式来实现这个tooltip。
使用div和css制作一个这个tooltips，然后用css定位到屏幕最下方。
实现这种tooltips的代码全网到处都是，可以使用伪类、css+div等方式来做这个提示框。

怎么在微信小程序中使用textarea 多行输入框

代码：

wxml

<view class="content">

placeholder：

<textarea placeholder="占位符" />

<textarea placeholder="占位符 改变样式style" placeholder-style=

"color:blue"/>

<textarea placeholder="占位符 改变样式class" placeholder-class="placeholdText"/>

</view>

复制代码

wxss

.content{

border:1px black solid;

margin: 10px;

font-size: 10pt;

padding: 10px;

}

textarea{

border: 1px red solid;

margin: auto;

width:100%;

height: 3em;

margin-top:5px;

padding: 3px;

}

/*占位符样式*/

.placeholdText{

font-size: 2em;

}