Zx-adapter NPM

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	找到复制链接按钮，选择在默认浏览器中打开	遮罩层文案	否