zx-adapter

1.0.7 • Public • Published

zx-adapter

react项目适配pc/移动端的下载按钮

安装

npm install --save zx-adapter

编译

// 在项目根目录下
npm run build

用法

// 在组件中使用
import Download from 'zx-adapter';

<Download 
        style={width: '100%', backgroundColor: "blue", color: '#fff'} 
        userText={
            macText: '请使用非mac平台下载', 
            downLoadText: '立即下载', 
            markText: '找到复制链接按钮,选择在默认浏览器中打开'
        } 
        links={
            pc: 'https://example.com//app.exe',
            ios: 'https://example.com//app.apk',
            android: 'https://example.com//app.apk'
        }
/>

参数

组件参数

参数 类型 说明 必选
style object 自定义按钮样式
markStyle object 自定义遮罩层样式
styleClass string 自定义按钮类名
markClass string 自定义遮罩层样式
links object 自定义下载链接
macToastFN function mac设备弹窗函数
userText object 自定义本字段
userClassName string 自定义用户类名

userText 参数

参数 类型 默认值 说明 必选
downLoadText string 立即下载 按钮下载文案
macText string 请暂用手机,window设备下载 mac设备下按钮文案
markText string 找到复制链接按钮,选择在默认浏览器中打开 遮罩层文案

注意事项

不推荐将传入的className中包含修改大小的单位 可能会引起样式错位,尽量使用style来做大小的修改,因为移动端下传入/组件内部的px单位会自动转为vw单位

Readme

Keywords

none

Package Sidebar

Install

npm i zx-adapter

Weekly Downloads

0

Version

1.0.7

License

ISC

Unpacked Size

38 kB

Total Files

10

Last publish

Collaborators

  • yukkkkk