mpvue小程序： App.vue文件（全局样式）

清疚 2023-02-20 12:30 5阅读 0赞

## mpvue小程序： App.vue文件 ##

<script>
    export default {
      created () {
        // 调用API从本地缓存中获取数据
        var userInfo = {
          openId: "023vXGet0wswDi1Iktft04mXet0vXGe5",
          nickName: "落花流雨",
          gender: 1,
          language: "zh_CN",
          city: "Changping",
          province: "Beijing",
          country: "China",
          avatarUrl: "https://wx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTIbWFEIJj8IpGeHM7dGic1aTFZALjWcMm9ltWfFiaQfVRYticWBfgGfzXWMt2EkJWiaicPtftHAlWxUibxQ/132",
          watermark: { timestamp: 1535513485, appid: "wxd93515f2d4e24e1d" }
        };
        var openId = userInfo.openId;
        wx.setStorageSync("userInfo", userInfo);
        wx.setStorageSync("openId", openId);
        /*
         * 平台 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>
    @import url('./iconfont/iconfont.css');
    .container {
      height: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: space-between;
      padding: 200rpx 0;
      box-sizing: border-box;
    }
    page{
      background: #f4f4f4;
      height: 100%;
    }
    button{
      background: none;
      padding: 0;
      font-weight: normal;
      font-size: 32rpx;
      box-sizing: content-box;
    }
    button::after{
      border: 0;
    }
    view,text{
      font-size: 28rpx;
      color: #333333;
    }
    .wxParse .p{
      margin: 0 !important;
    }
    .wxParse .img{
      display: block !important;
    }
    </style>

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关【小程序】wxss与rpx单位以及全局样式和局部样式

目录 WXSS 1. 什么是 WXSS 2. WXSS 和 CSS 的关系 rpx 1. 什么是 rpx 尺寸单位 2. rpx 的实现原理 3. rpx 与 p

叁歲伎倆/ 2024年03月30日 11:29/ 0 赞/ 149 阅读

相关实战mpvue写小程序

mpvue实战小程序简介mpvue mpvue目录 SPA页面 store公共状态管理生命周期、钩子函数

心已赠人/ 2023年06月23日 02:57/ 0 赞/ 91 阅读

相关 mpvue框架开发小程序

mpvue 是一个使用 Vue.js 开发小程序的前端框架使用 `mpvue` 开发小程序，你将在小程序技术体系的基础上获取到这样一些能力：彻底的组件化开发能力：

以你之姓@/ 2023年02月26日 04:21/ 0 赞/ 142 阅读

相关 mpvue小程序： App.vue文件（全局样式）

mpvue小程序： App.vue文件 <script> export default { created () { // 调

清疚/ 2023年02月20日 12:30/ 0 赞/ 6 阅读

相关 mpvue小程序开发（二）：小试牛刀

前面我们把[小程序搭建改][Link 1]成搞了一遍，现在我们写个简单的小程序看下效果我们从官网下载微信web开发者工具，然后打开软件 ![watermark_typ

心已赠人/ 2022年01月14日 03:45/ 0 赞/ 442 阅读

相关小程序全局样式(app.wxss 源码分享)

小程序拥有丰富的组件，当下专为小程序设计的UI框架也不多。小编个人觉得做小程序，UI框架用和不用没什么区别，使用好官方的组件足够了。但拥有一款优秀的全局样式表，助你绕坑和提升效

比眉伴天荒/ 2022年01月10日 03:41/ 0 赞/ 353 阅读

相关小程序骨架屏（mpvue）

小程序骨架屏 1, 引入插件 <template> <div> <div class="wrap" :

Dear 丶/ 2022年01月09日 07:57/ 0 赞/ 382 阅读

相关小程序mpvue 关闭eslint

打开项目目录下的 build/webpack.base.conf.js ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text

偏执的太偏执、/ 2021年12月14日 16:49/ 0 赞/ 514 阅读

相关 mpvue开发小程序

![image.png][] ![image.png][image.png 1] ![image.png][image.png 2] ![image.png][image

偏执的太偏执、/ 2021年09月29日 10:06/ 0 赞/ 605 阅读

相关微信小程序全局函数设置全局样式

小程序 >开发 >指南 >小程序框架 >逻辑层 >模块化设置全局可获取的数据 1、在app.js文件中: App({

矫情吗；*/ 2021年07月24日 18:05/ 0 赞/ 820 阅读