{"_id":"@ctmobile/ui-stickuplayout","_rev":"2-0042a9952168823f9b6a3b5319e9058e","name":"@ctmobile/ui-stickuplayout","dist-tags":{"latest":"1.0.1"},"versions":{"1.0.0":{"name":"@ctmobile/ui-stickuplayout","version":"1.0.0","description":"支持移动端的UI组件-StickupLayout","main":"lib/stickuplayout.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild --type buildpackage","buildumd":"ctcopy ../src src && ctbuild --type buildumd --packagename stickuplayout","link":"npm link @ctsj/build"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["stickuplayout","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.0"},"_id":"@ctmobile/ui-stickuplayout@1.0.0","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-odKGueHwwYRiLeCBquiI+IlPhTwx+Sfa0PEfQW8h8ZYSQ4rQ6Ie1I21+MK/M8eSoZx/psECrklVuZqBYMKNx3Q==","shasum":"c57b212101d4ce71b1c01888c4dab365f22c5d97","tarball":"https://registry.npmjs.org/@ctmobile/ui-stickuplayout/-/ui-stickuplayout-1.0.0.tgz","fileCount":11,"unpackedSize":78548,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdMUoJCRA9TVsSAnZWagAAecsQAIxk+QxL+QlhRbZyT8xQ\nR8/G8NHB31nPShKOimbnJEUW6tTF7e9JtX4CeWlb/4US4LaP0Tzz+pMwGSoW\nFBj1vwmdR7wr3uJuBkQAG32UT3r1MKLTgKlv6K2f9UtTvT9mbS813qDPTqdH\njCPAnDs3pNK8/5Mv/bzVS7055napscddGY2VoW0sMTm3rTT3OcZkp9VR8s8X\nI5H5QrPn3HLeDF41Bhafb+SU756g6PpQGnpISHxzJjoIApx/gakPcTc6GUAS\nJOXcXv0vXNm7KFOD93pdGS5j86FzQblv5xyn1t0hbgH0PtyjJ0ElbjvXyf7Q\nxYGLWSUeN29feWXDig23DaeFVxvbOhE4gER7aDm61Ex8tUaYgVs98AWd0EyQ\nuhwL/EYjGx4KMXX0VQmNOHQKxL7IxmG41N6C4lTC5PjX8ct6bzX+Q+opyN1P\n0/lTeY1TNfhQ0TY6XsGRNpw34ztYTWXluge0rc7FFTS/Npl5WcVyNXAl7Ijp\n9+1azMuI8+E8HYVyeEBhy/GdMXXtS18obsn+T/Y+tKn1TI4WrmvQO64jgxT/\nKeDLG18rkfA37c1ri4fPPmV1KX8EtZEnpI4m3bKqA92ZLulf79eAUgD90a5E\nA8j2eBJ6P3mN0PlmMmqJ68trPZxCtQZFCtyVb4D/II3Exh9Vavg+BGdzq2eF\nDvS5\r\n=fxfU\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCOfTZKreMXLrgE0Ot/6G3E+6pB1JqBVQsXSm/SHVXFqwIhANaRY7qJClO0TVOd2JULy/rglEL+nMbk8DLHDKp2iPwx"}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-stickuplayout_1.0.0_1563511303872_0.7107424394193018"},"_hasShrinkwrap":false},"1.0.1":{"name":"@ctmobile/ui-stickuplayout","version":"1.0.1","description":"支持移动端的UI组件-StickupLayout","main":"lib/stickuplayout.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","doc":"jsdoc src README.md -d doc -u doc/tutorials","buildpackage":"ctcopy ../src src && ctbuild buildpackage","buildumd":"ctcopy ../src src && ctbuild buildumd -p stickuplayout"},"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"keywords":["stickuplayout","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"author":{"name":"playerljc","email":"playerljc@163.com"},"license":"MIT","bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"homepage":"https://github.com/playerljc/CTMobile-UI#readme","dependencies":{"@babel/runtime":"^7.2.0"},"devDependencies":{"@ctsj/build":"^1.0.11"},"_id":"@ctmobile/ui-stickuplayout@1.0.1","_npmVersion":"6.4.1","_nodeVersion":"10.15.3","_npmUser":{"name":"playerljc","email":"playerljc@163.com"},"dist":{"integrity":"sha512-iC+HYPQ89o/r33d1VixCwRV8ogKP3w6ii2nsbkpST0K9pRqhkg8NO4G6bnIGrAdDa+boC7HerrjJd7ibUhg/Cw==","shasum":"b45cb5a02630f60875a2fa6486afe768821c740b","tarball":"https://registry.npmjs.org/@ctmobile/ui-stickuplayout/-/ui-stickuplayout-1.0.1.tgz","fileCount":11,"unpackedSize":78562,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJdhGsYCRA9TVsSAnZWagAA980P/0AtHWhGC4//0RS1DzRR\nL2xUnVQWtETgGkLTJ37y46Nyvh3B6acqGIOfpEDHb9jpm1YrssNF3OzTfUqR\nYCItN4eBGqW02z9xypv7Dys+M0nURW+LNccVudM9PfzgcY7lkxRwERNvfxb1\nH7E9uLeh9pUuSZHujLdnJkAsER/aEujWmx22QIvHh6MK/QkFOQTljH81g0h2\ne7b4nhKlcUkBupWvOCntkAlmh79RH/UnuyToU5DxH8EIKwTjC3xWfSIFE43W\nzMvC8J8Fcj5gDbfsuSBzveudAtgPQv618KJ0r/OzE5/B/PuLoFhAhLEf1r45\n6I+rvhxyW6b9omLIlWVkCHMa1B8A7ZMF2K+S725lrekA2PNGjaMxK1xYjF2+\nJe0SXFjoU8sHmajSA2DgxUs9xkSQnr93ERCJ9kSvElYjhINJF3xELcEV1tbj\nMZVqsUZ3rue1uwgbjVnhnj55gDInW4o+nbriyju4etu2zszid5oL35BmLesw\n4D1z1lyocQwrbqRguI/hKIYVP8f+nKito8HMPBZiOx/makBJoEXf4/4B2VjA\n9SKNQW89f+LAXlseHLP1e5sFG64yyyzqWWheX10yDHDTO+rxT34IKO2ES0XD\ngdBUUfF27Ldj58m5tnqSdChlSEp+mSegiIg/cKRQ/O2HFwLIQQW69blM4jpR\nUEUr\r\n=vBAf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCnGaF4I7mJyOxmzfg9vpw+Lo/tGJLlqzjBGyvIqqqCkgIgeK3ChsDFODYx9Qs+hqvjjEd2GUsaeUG/eCEVK3uPrZ0="}]},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ui-stickuplayout_1.0.1_1568959255406_0.537624999195804"},"_hasShrinkwrap":false}},"time":{"created":"2019-07-19T04:41:43.697Z","1.0.0":"2019-07-19T04:41:44.025Z","modified":"2022-04-05T02:04:10.527Z","1.0.1":"2019-09-20T06:00:55.579Z"},"maintainers":[{"name":"playerljc","email":"playerljc@163.com"}],"description":"支持移动端的UI组件-StickupLayout","homepage":"https://github.com/playerljc/CTMobile-UI#readme","keywords":["stickuplayout","CtMobile","CTMibole-UI","mobile","webapp","SPA","Hybrid","Cordova","Android","iOS","Material","playerljc","WebFramework"],"repository":{"type":"git","url":"git+https://github.com/playerljc/CTMobile-UI.git"},"author":{"name":"playerljc","email":"playerljc@163.com"},"bugs":{"url":"https://github.com/playerljc/CTMobile-UI/issues"},"license":"MIT","readme":"# StickupLayout\r\n\r\n* [基本布局](#stickuplayout-layout)\r\n* [初始化](#stickuplayout-initial)\r\n* [例子](#stickuplayout-demo)\r\n* [方法](#stickuplayout-methods)\r\n* [事件](#stickuplayout-events)\r\n - [change](#stickuplayout-events-beforeshow)\r\n\r\n## 基本布局\r\n\r\n常见的布局如下：\r\n\r\n```\r\n\r\n
\r\n\r\n \r\n
\r\n\r\n```\r\n\r\n* ct-stickuplayout - 代表是一个stickuplayout组件\r\n - ct-stickuplayout-fixed - 代表固定的头\r\n - ct-stickuplayout-inner - 代表滚动的列表部分\r\n + ct-stickuplayout-item - 代表滚动列表的一行\r\n * ct-stickuplayout-item-header - 列表一行的头部分\r\n * ct-stickuplayout-item-content - 列表一行的内容部分\r\n\r\n## 初始化\r\n\r\n```\r\n\r\n import StickupLayout from '@ctmobile/ui-stickuplayout';\r\n const stickuplayout = StickupLayout(el);\r\n\r\n```\r\n\r\n## 例子\r\n\r\n#### html\r\n\r\n```\r\n\r\n \r\n
\r\n
\r\n

基本的

\r\n
\r\n
\r\n
\r\n\r\n
    \r\n
  • \r\n
    基本参数
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    厂商指导价(元)
    本地参考底价(元)
    厂商
    级别
    能源类型
    上市时间
    最大功率(KW)
    最大扭矩(NH)
    发动机
    \r\n
    \r\n
    • \r\n
  • \r\n
    车身
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    发动机
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    变速箱
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    车轮制动
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    主/被动安全装备
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n

动态插入和删除

\r\n
\r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
    \r\n
  • \r\n
    基本参数
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    厂商指导价(元)
    本地参考底价(元)
    厂商
    级别
    能源类型
    上市时间
    最大功率(KW)
    最大扭矩(NH)
    发动机
    \r\n
    \r\n
    • \r\n
  • \r\n
    车身
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    发动机
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    变速箱
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    车轮制动
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    主/被动安全装备
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n

滚动到指定位置(通过索引)

\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
    \r\n
  • \r\n
    基本参数
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    厂商指导价(元)
    本地参考底价(元)
    厂商
    级别
    能源类型
    上市时间
    最大功率(KW)
    最大扭矩(NH)
    发动机
    \r\n
    \r\n
    • \r\n
  • \r\n
    车身
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    发动机
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    变速箱
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    车轮制动
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    主/被动安全装备
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
\r\n
\r\n
\r\n
\r\n\r\n \r\n
\r\n
\r\n

滚动到指定位置(通过Dom)

\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n
\r\n\r\n
    \r\n
  • \r\n
    基本参数
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    厂商指导价(元)
    本地参考底价(元)
    厂商
    级别
    能源类型
    上市时间
    最大功率(KW)
    最大扭矩(NH)
    发动机
    \r\n
    \r\n
    • \r\n
  • \r\n
    车身
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    发动机
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    变速箱
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    车轮制动
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
  • \r\n
    主/被动安全装备
    \r\n
    \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n
    \r\n
    • \r\n
\r\n
\r\n
\r\n
\r\n\r\n```\r\n\r\n#### js\r\n\r\n```\r\n\r\n \r\n import $ from 'jquery';\r\n import StickupLayout from '@ctmobile/ui-stickuplayout/stickuplayout';\r\n import '@ctmobile/ui-stickuplayout/stickuplayout.less';\r\n\r\n let dynamicIndex = 0;\r\n\r\n function getDynamicTemplate() {\r\n return (\r\n 
\r\n            \r\n            `
  • \r\n              
    动态增加${++dynamicIndex}
    \r\n              
    \r\n                \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                  \r\n                
    长度(mm)
    宽度(mm)
    高度(mm)
    轴距(mm)
    前轮距(mm)
    后轮距(mm)
    车身结构
    最大扭矩(NH)
    最大扭矩(NH)
    \r\n              
    \r\n            
    • `\r\n                \r\n
    \r\n );\r\n }\r\n\r\n // 基本的\r\n StickupLayout($('#stickuplayout-demo-base')[0]);\r\n\r\n // 动态的插入\r\n const stickuplayoutDynamic = StickupLayout($('#stickuplayout-demo-dynamic')[0]);\r\n $('#stickuplayout-demo-dynamic-append').on('click', () => {\r\n const $dynamicItemJO = $(getDynamicTemplate());\r\n $('#stickuplayout-demo-dynamic .ct-stickuplayout-inner').append($dynamicItemJO);\r\n stickuplayoutDynamic.refresh();\r\n stickuplayoutDynamic.scrollToByHeaderEl($dynamicItemJO.find('.ct-stickuplayout-item-header')[0]);\r\n });\r\n\r\n // 通过索引滚动到指定位置\r\n const stickuplayoutScrollByIndex = StickupLayout($('#stickuplayout-demo-scrollbyindex')[0]);\r\n const $stickuplayoutScrollbyindexItemJO = $('#stickuplayout-demo-scrollbyindex .ct-stickuplayout-inner .ct-stickuplayout-item');\r\n $('#stickuplayout-demo-scrollbyindex-noanimation-btn').on('click', () => {\r\n stickuplayoutScrollByIndex.scrollToByIndex($stickuplayoutScrollbyindexItemJO.length - 1, 0);\r\n });\r\n $('#stickuplayout-demo-scrollbyindex-animation-btn').on('click', () => {\r\n stickuplayoutScrollByIndex.scrollToByIndex($stickuplayoutScrollbyindexItemJO.length - 1, 600);\r\n });\r\n $('#stickuplayout-demo-scrollbyindex-top-btn').on('click', () => {\r\n stickuplayoutScrollByIndex.scrollToByIndex(0);\r\n });\r\n\r\n // 通过dom滚动到指定位置\r\n const stickuplayoutScrollByDom = StickupLayout($('#stickuplayout-demo-scrollbyel')[0]);\r\n const $stickuplayoutScrollbyelItemJO = $('#stickuplayout-demo-scrollbyel .ct-stickuplayout-inner .ct-stickuplayout-item');\r\n $('#stickuplayout-demo-scrollbyel-noanimation-btn').on('click', () => {\r\n stickuplayoutScrollByDom.scrollToByHeaderEl($stickuplayoutScrollbyelItemJO[$stickuplayoutScrollbyelItemJO.length - 1].querySelector('.ct-stickuplayout-item-header'), 0);\r\n });\r\n $('#stickuplayout-demo-scrollbyel-animation-btn').on('click', () => {\r\n stickuplayoutScrollByDom.scrollToByHeaderEl($stickuplayoutScrollbyelItemJO[$stickuplayoutScrollbyelItemJO.length - 1].querySelector('.ct-stickuplayout-item-header'), 600);\r\n });\r\n $('#stickuplayout-demo-scrollbyel-top-btn').on('click', () => {\r\n stickuplayoutScrollByDom.scrollToByHeaderEl($stickuplayoutScrollbyelItemJO[0].querySelector('.ct-stickuplayout-item-header'));\r\n });\r\n\r\n```\r\n\r\n## 方法\r\n\r\nscrollToByIndex(index,duration) - 通过索引滚动到某一项\r\n\r\n* index-number 要滚动到目标的索引\r\n* duration-number 滚动持续的时间(默认是300毫秒)\r\n\r\nscrollToByHeaderEl(headerEl,duration) - 通过dom滚动到某一项\r\n\r\n* headerEl-HtmlElement 要滚动到的dom(带有ct-stickuplayout-item-header样式的元素)\r\n* duration-number 滚动持续的时间(默认是300毫秒)\r\n\r\nrefresh() - 刷新整个StickupLayout\r\n\r\non(type, handler) - 注册事件\r\n\r\n* type-string 注册事件的类型,包括[change]\r\n* handler-Function 注册事件的回调函数\r\n\r\n## 事件\r\n\r\n| 名称 | 说明 |\r\n| --- | --- |\r\n| change | 滚动切换时触发 |\r\n\r\n```\r\n\r\n \r\n import $ from 'jquery';\r\n import StickupLayout from '@ctmobile/ui-stickuplayout/stickuplayout';\r\n import '@ctmobile/ui-stickuplayout/stickuplayout.less';\r\n\r\n // 基本的\r\n const stickUpLayout = StickupLayout($('#stickuplayout-demo-base')[0]);\r\n stickUpLayout.on('change', (dom, index) => {\r\n console.log(dom);\r\n console.log(index);\r\n });\r\n\r\n```\r\n","readmeFilename":"README.md"}