1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950 |
- <script>
- export default {
- created () {
- // 调用API从本地缓存中获取数据
- /*
- * 平台 api 差异的处理方式: api 方法统一挂载到 mpvue 名称空间, 平台判断通过 mpvuePlatform 特征字符串
- * 微信:mpvue === wx, mpvuePlatform === 'wx'
- * 头条:mpvue === tt, mpvuePlatform === 'tt'
- * 百度:mpvue === swan, mpvuePlatform === 'swan'
- * 支付宝(蚂蚁):mpvue === my, mpvuePlatform === 'my'
- */
- let logs
- if (mpvuePlatform === 'my') {
- logs = mpvue.getStorageSync({key: 'logs'}).data || []
- logs.unshift(Date.now())
- mpvue.setStorageSync({
- key: 'logs',
- data: logs
- })
- } else {
- logs = mpvue.getStorageSync('logs') || []
- logs.unshift(Date.now())
- mpvue.setStorageSync('logs', logs)
- }
- },
- log () {
- console.log(`log at:${Date.now()}`)
- }
- }
- </script>
- <style>
- .container {
- height: 100%;
- display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: space-between;
- padding: 200rpx 0;
- box-sizing: border-box;
- }
- /* this rule will be remove */
- * {
- transition: width 2s;
- -moz-transition: width 2s;
- -webkit-transition: width 2s;
- -o-transition: width 2s;
- }
- </style>
|