1 Star 0 Fork 0

李明红 / 小程序(taro3+vue2)

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Usage

安装项目

yarn install

启动项目(测试)

yarn run dev:weapp

编译项目

yarn run build:weapp

sass样式中引入别名文件

.a {
  background: url('~@/src/assets/xxx.png')
}

路径别名

import { wtf } from '@/src/wtf/wtf.js'

引用lin-ui中组件

xxxpage.config.js

lin-ui文档

export default {
  usingComponents: {
    "l-card": "../../static/lin-ui/card/index"
  }
}

书写请求

// src/services/moduleA.js

import axios from '@/utils/axios'

export function serviceA(params) {
  return axios.get('/parts-1', params)
}

新增模块页面

  • 在pages/下新增文件夹
  • 请保证 page.vue 和 page.config.js 一一对应
  • 在app.config.js中新增路径

开发文档

常见问题

windicss

其中类似 w-1/3这样改成了w-1_3

w-1.5这样的带小数点的无法使用

aaaa-bbb_[calcxxxx]这样的也无法使用

包管理

建议使用yarn

样式

taro3-vue不支持vue style scoped属性

在taro3-vue中,同时支持 css modules这样的写法。

推荐写法: .module-name__sub-modulename--statusOrStyle

/* 示例 */

.custom-component {
  &__title {
    font-size: 20px;
    &--disabled {
      color: gray;
    }
  }

  &__logo {
    width: 10px;
    height: 10px;
  }

  &--center {
    text-align: center;
  }
}

已知 taro3 配合vue单文件并不能很好的使用css modules,所以推荐规范scss写法

空文件

简介

小程序 展开 收起
JavaScript 等 4 种语言
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
1
https://gitee.com/hggl_bera/applet---taro3-vue2.git
git@gitee.com:hggl_bera/applet---taro3-vue2.git
hggl_bera
applet---taro3-vue2
小程序(taro3+vue2)
master

搜索帮助