ICode9

精准搜索请尝试: 精确搜索
  • 【详细】小程序模板使用教程2020-06-13 10:38:52

    模板template WXML提供模板(template),可以在模板中定义代码片段,然后在不同的地方调用。 1. 定义模板 (1)定义模板wxml (2)定义模板wxss 2. 使用模板 (1)常规使用 (2)高效使用   定义模板 (1)wxml <!--templates/message/message.wxml--> <template name='message'> //模板名称 <view cl

  • 微信开发第一课 小程序目录结构分析2020-05-22 16:53:38

    小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成, 1,项目的根目录, 文件必需作用 app.js是小程序逻辑 app.json是小程序公共配置 app.wxss否小程序公共样式表 2,一个小程序页面由四个文件组成 文件类型必需作用 js是页面逻辑 wxml

  • 特别好看的小程序UI-【colorUI框架】是怎么使用的?建议收藏2020-05-22 13:55:51

    导读: 首先,单从小程序UI的方面来讲,能与ColorUI比肩的框架着实是没几个了,它好在哪? 其一:组件精美,可以说每一个都制作精良,作者很用心,UI功底很扎实。 其二:封装性特别特别的好,每一个单独的class选择器,都是一个封装极好的css小组件,我们可以灵活的组装与变幻,下边我会详细讲一下它的css封装

  • WXML与WXSS2020-05-05 21:02:02

    WXML模板 充当类似html的角色 和html区别: 1.微信小程序将常用组件封装,提高了开发效率。 小程序常用组件:view,button,text和地图,视频,音频等组件能力。 2.小程序框架使用MVVM开发思路。控制能力用wx:开头的属性来表达。 在网页的一般开发流程中,我们通常会通过 JS 操作 DOM (对应HTML的

  • 初学微信小程序 TodoList2020-04-29 14:07:03

    微信小程序的学习 微信小程序的开始尝试 TodoList 微信开发者工具生成 目录如下: . |-- app.js |-- app.json |-- app.wxss |-- pages | |-- index # 主页 | | |-- index.js | | |-- index.json | | |-- index.wxml | | `-- index.wxss | `-- log #

  • 小程序开发之旅(持续更新中..)2020-04-19 10:08:45

    以下内容都是在0.11.112301版本中实践得出。现已更新至0.17.172600,如有版本调整,按实际情况而定,仅供出现类似情况时参考。 1. 快捷键 右键,选择格式化,格式化js、wxml、wxss等代码,也可以用Alt + SHIFT + F快捷键; 2. 知识点 小程序总会在读取Page下的data对象来做数据绑定,这个动作我

  • 微信小程序脚手架及html转译GUI工具2020-03-28 18:57:48

    微信小程序出现引发了很多讨论,许多开发者都跃跃欲试尝试了小程序的开发。它重新定义了自身的一套开发规范,对于现有的html页面是不支持了。 为此我们设想了一套方案,怎么最快速的把现有的开发流接入到小程序中,并能快速的修改现有html项目以符合微信小程序的规范?于是写了一套html暴

  • [小程序]-使用Weui-wxss进行图片上传2020-03-19 18:53:53

    小程序版weui下载地址:https://github.com/Tencent/weui-wxss 由于在蔷内,从https://gitee.com/ekber/weui-wxss/repository/archive/master.zip下载的 1、将解压出的weui-wxss\dist\style下面的weui.wxss复制到小程序项目根目录下(云开发项目是复制到miniprogram下面)。 2、到此引入步

  • 集客魔方H5项目目录结构2020-02-03 22:07:32

    znyx-h5 │  .gitignore   -- git 忽略文件配置 │  App.vue    │  main.js  -- 已挂载 store 在页面中可直接使用  this.$store   │  manifest.json  -- 项目发布相关配置文件 │  pages.json  -- 页面配置文件 │  uni.scss  -- uni-app 内置样式变量配置文

  • 微信小程序————模板使用方法2020-01-07 17:00:08

    1.使用场景:多个页面需要使用同一场景,例如返回首页,提示弹窗等 2.使用方法: 模板结构   模板的wxml 使用name属性,作为模板的名字,name属性是用来区分模板的标志,不同的模板会有不同的name名,然后在template中定义代码片段 模板中如果有图片,一定要注意图片路径 微信小程序没有dom,bindta

  • 微信小程序小知识点集合2019-12-07 17:50:40

    1. 微信小程序在IOS/真机上出现左右上下滑动页面出现空白解决?   在wxss中page标签加入overflow-x:hidden。 2.微信小程序wxss设置background的url后读取不到本地文件?   需要用网络地址,不能直接用相对/绝对路径设置图像背景哦。

  • 小程序wxss样式2019-11-13 22:06:46

    1. WXSS WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 样式导入 1.1. 尺寸单位 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750

  • 微信小程序样式wxss各种问题总结(不断更新)2019-11-13 17:54:32

    1)加入其它样式文件 @import '/css/dialog.wxss'; //注意:必须结尾用分号   2)隐藏滚动条 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; display: none; //加此代码可解决IOS上显示的问题}   3)元素等宽   屏幕宽度共为750rpx。假设不用flex布局,当若

  • 如何在微信小程序中国引入fontawesome字体图标2019-10-06 13:54:22

    fontawesome官网地址:http://fontawesome.dashgame.com/ 一、 二、 下载之后的字体图标 找到 文件中的如下图.ttf文件   三、  在https://transfonter.org/网站中转换成css文件    之后,文件上传之后,将下面几个选项勾选上      之后点击下面的按钮    然后点击下载:

  • 微信小程序引用外部字体2019-09-25 16:05:30

    原文链接:https://blog.csdn.net/qq_24985715/article/details/80857733 https://blog.csdn.net/qq_24985715/article/details/80857733 1、找到字体包ttf、eot、svg、woff随便一种格式文件;文件转换网站:字体文件转换网站 2、上传2中的字体文件(最好是ttf文

  • 微信小程序前端样式WXSS书写2019-09-23 19:50:24

    微信小程序前端样式WXSS书写 一. WXSS的简单介绍 WXSS(WeiXin Style Sheets)是一套样式语言,用于描述 WXML 的组件样式。 与 CSS 相比,WXSS 扩展的特性有: 尺寸单位 样式导入 二. 尺寸单位 rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上

  • 开头和结尾的目录为保留目录 : /__wuBaseWxss__/22.wxss2019-09-11 19:43:52

    开头和结尾的目录为保留目录 : /__wuBaseWxss__/22.wxss   看好对应文件,找到对应代码修改,目录对应修改就OK  问题很简单   如果你真是不会我可以教你 有偿  微信  8443937   也是QQ

  • 原生小程序 iconfont引用及使用2019-09-05 15:51:02

    1.将iconfont图标代码下载下来 2.解压后找到iconfont.ttf文件,打开https://transfonter.org/转化下 3.在utils下新建个iconfont.wxss(位置,命名自己根据喜好来) 转化后找到stylesheet.css,将里面的代码全部复制到iconfont.wxss中 在之前刚下载下来的文件中找到iconfont.css,将

  • 微信小程序实时将less编译为wxss2019-08-30 10:52:50

    1、npm或者yarn全局安装wxss-cli  npm install -g wxss-cli 2、运行waxes-cli命令(mp_wx为小程序目录) wxss ./mp_wx  实时监听mp_wx目录下的.css或者.less文件,转化为.wxss文件  .css或者.less文件可使用less语法  less转wxss文件不可逆

  • 微信小程序(WeUI框架)2019-08-27 20:40:43

    简介: WeUI是什么? WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。在微信小程序的开发过程中,涉及到的前端复杂的样式界面的问题,就需要使用个UI框架,这样可以省去以后很多麻烦。 WeUI作为一个开

  • 微信小程序开发——快速创建一个目录下的js、json、wxml、wxss文件2019-08-18 21:40:46

    我在练习网上的Demo的时候,我是先完成Demo中的app.json中的 "pages":[ "pages/index/index", "pages/calc/calc", "pages/history/history", "pages/logs/logs" ] 这部分内容,但是神奇的事情出现了。我完善这部分的内容编译的时候,编译器居然帮我自己创建

  • 微信小程序(WXSS样式文件)2019-08-17 15:08:39

    (1)WXSS简介 简介: WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式,也就是视觉上的效果。 小程序中的样式文件一共分为两个级别/两类: 提供了全局的样式(app.wxss )和局部样式(page.wxss); 注意:WXSS 仅支持部分 CSS 选择器 WXSS与 CSS相比??? 尺寸单位 样式

  • uni-app-小程序中组件不支持id选择器等2019-08-14 23:54:42

    这个问题刚开始遇到的时候有点搞笑啰,正常情况下,id选择器不是最正常的吗?搞锤子哦。   接着我就找度娘了  ,官网给出的解释是:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html   组件样式 组件对应 wxss 文件的样式,只对组件wxml

  • 「小程序JAVA实战」微信小程序工程结构了解(五)2019-07-16 10:01:41

    之前大概说过小程序的目录结构,这次在总体的说下微信小程序工程结构audio,button,canvas,checkbox 都是由4个文件构成,而且他们的目录名称和文件内部的名称「保持一致」,这点特别重要。主目录结构app.js 外部的全局的js,可以当作一个父类,把这个全局文件理解成java里面的一个类,这样理解对于

  • 小程序~WeUI下载使用2019-07-02 16:38:43

    【1】简介     因为小程序的api描述都比较简单,并没有wxml及wxss的描述,一定会想小程序有没有一个UI库,类似于前端中的Bootstrap,MD,Semantic UI这样的框架UI库。有的,它就是WeUI。     WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有