0.0.11 • Published 4 years ago

ldanm-taro-frc v0.0.11

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

ldanm-taro-frc

拉旦木微信小程序-功能性组件(基于taro)

PS: 需要node > 8的node版本

搭建

    npm install -g @tarojs/cli
    npm install 
    #或者
    npm i
    #或者
    yarn

开发环境

    yarn run dev:weapp
    #或者
    npm run dev:weapp

生产环境

直接在微信开发者工具里面,点击上传即可

微信开发者工具

Api

微信官方文档

taro官方文档

两套文档基本上是一致的

Ldanm微信小程序功能性组件文档

登录

Login

属性名属性类型属性描述默认值
canClickboolean是否以按钮点击登录,否则立即登录false
urlstring匹配token登录的url''
methodstring匹配token登录的请求方式'get'
headerobject匹配token登录的请求头部{'content-type': 'application/json'}
callBackfunction登录之后的回调函数(res) => {}
classNamestring外部传入样式表''
donefunction登录完全完成的回调函数(res) => {}

获取个人信息

UserInfo

属性名属性类型属性描述默认值
typestring选择个人信息的类型('userInfo' or 'phone')'userInfo'
visibleboolean是否显示点击获取个人信息的按钮true
callBackfunction保存或者获取用户个人信息成功之后的回调(res) => {}
textstring点击获取用户个人信息按钮的文案''
renderButtonDetailReactElement是否自定义获取用户个人信息按钮的文案信息{}
classNamestring外部传入样式表''
donefunction保存或者获取用户个人信息完成之后的回调(res) => {}

顶部自定义导航

NavBar

属性名属性类型属性描述默认值
titlestring自定义顶部导航栏的标题''
classNamestring外部传入样式表''
colorstring链接文字跟图标颜色,不包括标题''
leftIconPrefixClassstring左边图标className 前缀,用于第三方字体图标库,比如'iconfont'''
leftIconTypestring左边图标类型,与leftIconPrefixClass关联,如果leftIconPrefixClass设置的为iconfont,那么此值设置后,结果就是iconfont-xxx''
onClickLeftIconfunction左边第一个图标类型点击事件(event) => {} )
imgsany是否传入的是图片,而不是icon,如果为图片就使用图片,否则使用icon''

底部自定义导航

TabBar

属性名属性类型属性描述默认值
classNamestring外部传入样式表''
tabListarraytab 静态配置列表,必填[]
fontSizenumber字体大小14
iconSizenumber图标大小24
backgroundColorstring背景颜色'#fff'
fixedboolean是否固定底部false
selectedColorstring选中标签字体与图标颜色#6190E8
colorstring未选中标签字体与图标颜色#333
currentnumber当前选中的标签索引值,从0计数0
onChangefunction点击触发事件,开发者需要通过 onClick 事件来更新 current 值变化,必填(current) => {}

图片选择器

ImagePicker

属性名属性类型属性描述默认值
classNamestring外部传入样式表''
filesarray图片文件数组,元素为对象,包含属性 url(必选)[]
modeenum图片预览模式,详见(微信开发者文档)'scaleToFill'
showAddBtnboolean是否显示添加图片按钮true
multipleboolean是否支持多选false
countnumber最多可以选择的图片张数,2.0.2版本起支持9
sizeTypearray所选的图片的尺寸,2.0.2版本起支持[]
sourceTypearray选择图片的来源,2.0.2版本起支持[]
lengthnumber单行的图片数量3
onChangefunctionfiles 值发生变化触发的回调函数,operationType 操作类型有添加,移除,如果是移除操作,则第三个参数代表的是移除图片的索引(files: Array, operationType: string, index: number) => void
onImageClickfunction点击图片触发的回调(index: number, file: Object) => void
onFailfunction选择失败触发的回调(msg: string) => void
0.0.11

4 years ago

0.0.10

4 years ago

0.0.9

4 years ago

0.0.8

4 years ago

0.0.5

4 years ago

0.0.7

4 years ago

0.0.6

4 years ago

0.0.4

4 years ago

0.0.3

4 years ago

0.0.2

4 years ago

0.0.1

4 years ago