精华内容
下载资源
问答
  • weui 引入

    2021-06-10 11:56:39
    一、通过npm方式下载构建,npm包名为 weui-miniprogram 1、进入小程序项目根目录,执行命令 npm init 创建 package.json 文件 注意:一开始是没有的 package.json 文件的,就是在这里踩的坑... 2、在小程序 ...

    一、通过npm方式下载构建,npm包名为 weui-miniprogram

    1、进入小程序项目根目录,执行命令 npm init 创建 package.json 文件

    注意:一开始是没有的 package.json 文件的,就是在这里踩的坑...

     

    2、在小程序 package.json 所在的目录中执行命令安装 npm 包,安装命令:

    npm install weui-miniprogram
    注意:此处要求参与构建 npm 的 package.json 需要在 project.config.js 定义的 miniprogramRoot 之内。

     

    3、点击开发者工具中的菜单栏:工具 --> 构建 npm

     

    4、勾选“使用 npm 模块”选项

    二、WeUI组件的使用

    1、首先要在 app.wxss 里面引入 weui.wxss

    @import '/miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss';
    2、在使用组件的页面的 json 文件加入 usingComponents 配置字段,例如弹窗组件

    {
      "usingComponents": {
        "mp-dialog": "../../miniprogram_npm/weui-miniprogram/dialog/dialog"
        // 注意:路径与组件包在项目的位置有关
      }
    }
    3、在对应页面的 wxml 中直接使用该组件

    <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">
        <view>test content</view>
    </mp-dialog>
    操作完毕。
     

    展开全文
  • jqweui引入的标签

    2020-11-28 13:59:47
    jqweui引入的标签 <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js/weui/css/weui.min.css"> <link rel="stylesheet" href=...

    jqweui引入的标签

        <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js/weui/css/weui.min.css">
        <link rel="stylesheet" href="https://cdn.suoluomei.com/common/js/jquery-weui.css">
    	<script src="https://cdn.suoluomei.com/common/js/jquery-2.1.4.min.js"></script>
    	<script src="https://cdn.suoluomei.com/common/js/jquery-weui.js"></script>
    
    展开全文
  • 微信小程序:WeUI引入踩坑

    千次阅读 2020-05-22 11:27:17
    引入组件 通过useExtendedLib 扩展库的方式引入 1.报错Component is not found in path "miniprogram_npm/weui-miniprogram/dialog/dialog 解决方法:下载微信开发者工具1.04并勾上详情的使用新的编译模块(我...

    引入组件

    通过 useExtendedLib 扩展库 的方式引入

    1.报错Component is not found in path "miniprogram_npm/weui-miniprogram/dialog/dialog

    解决方法:下载微信开发者工具1.04并勾上详情的使用新的编译模块(我linux 1.02没有这个)

    2.报错["usingComponents"]["mp-dialog"] 未找到

    "mp-dialog": "/miniprogram_npm/weui-miniprogram/dialog/dialog"改为"mp-dialog": "weui-miniprogram/dialog/dialog"

     

    可以通过npm方式下载构建

    1.npm init  生成一个package.json的配置文件

    2.npm i weui-miniprogram -S --production

    3.工具-构建npm

    4.wxss添加@import ‘./miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss’;

    5.页面json添加

    “usingComponents”: {
    “mp-dialog”: “weui-miniprogram/dialog/dialog”
    }

    6.页面调用

    <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"> <view>test content</view> </mp-dialog>

     

    npm模块参考链接: http://www.luyixian.cn/news_show_306662.aspx

    展开全文
  • dodou-移动框架table{ border-collapse:collapse; border:1px solid #e7e7e7; width: 100%;}table tr td{ border:1px solid #e7e7e7; padding:10px;}table th{ padding:15px;}字体大小.f12font-size:12px;...
    dodou-移动框架

    table{ border-collapse:collapse; border:1px solid #e7e7e7; width: 100%;}

    table tr td{ border:1px solid #e7e7e7; padding:10px;}

    table th{ padding:15px;}

    字体大小
    .f12font-size:12px;
    .f13font-size:13px
    .f14font-size:15px;
    .f15font-size:15px;
    .f16font-size:16px;
    .f17font-size:17px;
    .f18font-size:18px;
    .f20font-size:20px;
    .f24font-size:24px;
    .f26font-size:26px;
    清除浮动
    .clear清除左右浮动
    padding
    .p0padding:0;
    .p10padding:10px;
    .p15padding:15px;
    .ptb10padding:10px 0;
    .plr10padding:0 10px;
    .pl10padding-left:10px;
    .pr10padding-right:10px;
    .pt10padding-top:10px;
    .pb10padding-bottom:10px;
    margin
    .m0margin:0;
    .m10margin:10px;
    .m15margin:15px;
    .mtb10margin:10px 0;
    .mlr10margin:0 10px;
    .ml10margin-left:10px;
    .mr10margin-right:10px;
    .mt10margin-top:10px;
    .mb10margin-bottom:10px;
    .mt-1margin-top:-1px;
    文字左中右对齐
    .taltext-align: left;
    .tactext-align: cetner;
    .tartext-align: right;
    移除伪类边框
    .b-topborder-top: 0!important;
    .b-btmborder-bottom: 0!important;
    .b-tbborder: 0!important;
    左右浮动
    .flfloat:left;
    .frfloat:right;

    一键复制

    编辑

    Web IDE

    原始数据

    按行查看

    历史

    展开全文
  • wepy引入weui组件库

    2021-01-28 20:29:58
    wepy2.0引入weui组件库 1.npm weui 引入依赖 npm install weui-miniprogram 2. 项目目录src/app.wpy <style lang="less"> @import './style/weui.less'; </style> 3.在wpy文件中引入你要使用的组件 ...
  • 使用npm 引入WeUi组件

    千次阅读 2020-05-27 22:58:13
    文章目录一、引言1、WeUI组件:2、官方说明WeUI引入方式有两种:3、了解npm是神马:二、正文1、安装npm。到官网[https://nodejs.org/en/download/](https://nodejs.org/en/download/)下载安装包2、在项目详细中勾选...
  • 小程序WeUI引入方式使用

    千次阅读 2020-10-28 14:30:17
    估计是小白的节奏,在引入WeUI时看官方看得一愣一愣的。下面记录一下。 原文简书参考: https://www.jianshu.com/p/1d645078b326 一.useExtendedLib引入 优点: 1.引入简单 2.不占用包体积 缺点: 1.自由化低,不能直接...
  • 引入weui (1)将src->style->weui.wxss复制到自己项目里 (2)在app.wxss文件中顶部加上如下代码 /* 这里的里放的是绝对路径,加入把文件放到了项目文件->utils文件夹中这里就是utils/weui.wxss */ @import weui...
  • Wepy 引入 WeUI

    千次阅读 2019-09-03 00:04:54
    先下载weui-wxss。在dist/style目录下的weui.wxss文件。放到自己的目录下。 然后在app.wpy文件中中引入。 @import (css) "../style/weui.wxss"; 然后就可以啦!
  • mpvue 引入weui

    2019-10-08 21:53:18
    mpvue 引入weui 在main.js 中 引入链接import './weui.css' weui.css /*! * WeUI v1.1.1 (https://github.com/weui/weui-wxss) * Copyright 2017 Tencent, Inc. * Licensed under the MIT license */ page { li...
  • 微信官方文档给了两种weui引入方式: 通过useExtendedLib 扩展库的方式引入,这种方式引入的组件将不会计入代码包大小。 可以通过npm方式下载构建,npm包名为weui-miniprogram WeUI组I组件库 第一步 进入你的小...
  • 微信引入weui

    2020-03-05 23:29:46
    在GitHub上https://github.com/weui/weui-wxss/下载程序代码 下载后,打开dist,复制app.wxss,也可以重新命名后,放在小程序的工程目录中, 在全局app.wxss中引入 注意:刚才在github上下载文件不要删掉,在不...
  • 微信小程序 - weui引入使用方法

    千次阅读 2020-03-11 11:02:52
    查看weui是否是想要的表单样式,样式大致为: ... 引入weui (1)将src->style->weui.wxss复制到自己项目的最外层文件夹中 (2)在app.wxss文件中顶部加上如下代码 /* 这里的""里...
  • 小程序引入weui

    2020-01-13 10:57:03
    引入的wxss,下载后放在小程序根目录 https://sucai.suoluomei.cn/sucai_zs/file/20200113105248-weui.wxss 在需要的页面引入 @import '../weui.wxss' weui源代码地址 https://github.com/Tencent/weui-wxss ...
  • 引入WeUI组件步骤

    2021-09-14 14:40:53
    新建项目。 右击在内部终端打开。...在app.wxss,@import 引入 weui.wxss。、 在页面的 page.json 文件中引入组件: { “usingComponents”: { “mp-cells”: “…/components/cells/cells” } } ...
  • 微信小程序引入weui

    2021-09-16 15:47:10
    引入方式1 npm init生成package.json npm install --save weui-... 在 app.wxss 里面引入 weui.wxss → @import 'weui-miniprogram/weui-wxss/dist/style/weui.wxss'; 引入方式2 在app.json文件中 ..
  • 方案一:main.js中引入 ...(2)、引入weui.js weui样式 import Vue from 'vue' import weui from 'weui.js' import 'weui' Vue.prototype.$weui = weui (3)、项目中就可以用weui的样式以及组件了...
  • 微信小程序-引入weUI

    2021-02-08 17:33:36
    微信小程序-引入weUI 目录微信小程序-引入weUI一、引入二、导航条使用 一、引入 工具->构建npm 二、导航条使用
  • 微信小程序引入WEui

    2021-05-25 16:14:59
    首先要在 app.wxss 里面引入 weui.wxss @import 'miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'; 5、 在页面的 json 文件加入 usingComponents 配置字段 { "usingComponents
  • 微信小程序引入weui组件

    千次阅读 2017-05-08 15:07:21
    微信小程序引入weui 组件
  • 小程序WeUI组件库引入

    2020-04-29 21:01:01
    WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,...1、引入组件 可以通过npm方式下载构建,npm包名为weui-miniprogram 也可以通过页面按需下载 本文选...
  • 小程序如果想引入weUI,需要以下几步,本文章主要介绍通过页面按需加载引入模式: 第一:下载weUI,三种方式 一、可以通过npm方式下载构建,npm包名为 weui-miniprogram npm install weui-miniprogram 二、去github...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,555
精华内容 1,022
关键字:

weui引入