uni-app小程序商城 (1)

2021/4/26 20:27:40

本文主要是介绍uni-app小程序商城 (1),对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

初始配置

  • uni-app

    vue create -p dcloudio/uni-preset-vue gouwushanchen
    //选默认模板
    npm  i sass
    npm i sass-loader@10
    
    npm run dev:mp-weixin
    

    微信开发工具导入: \dist\dev\mp-weixin

    manifest.json

    "appid": "xxx",
    
  • uView

    npm install uview-ui
    

    main.js

    import uView from "uview-ui";
    Vue.use(uView);
    

    uni.scss

    @import 'uview-ui/theme.scss';
    

    App.vue

    <style lang="scss">
        @import "uview-ui/index.scss";
    </style>
    

    pages.json

    "easycom": {
        "^u-(.*)": "uview-ui/components/u-$1/u-$1.vue"
    },
    

    manifest.json

    "mp-weixin": { /* 微信小程序特有相关 */
        "appid": "xxx",
        "setting": {
            "urlCheck": false,
            "enhance": true
        },
        "usingComponents": true
    },
    


这篇关于uni-app小程序商城 (1)的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程