ICode9

精准搜索请尝试: 精确搜索
  • 微信小程序项目目录2021-10-11 22:00:22

    pages:     wxml: 编写小程序界面结构的地方     wxss: 编写小程序样式的地方     json:编写界面配置的地方     js:编写界面逻辑的地方 utils: 编写工具类的地方 app.js:创建程序实例的位置 app.json: 编写全局配置地方 app.wxss: 编写全局样式的地方 project.co

  • 微信小程序中使用阿里iconfont2021-10-03 17:58:41

    1.从阿里iconfont中下载自己的iconfont项目 2.下载成功之后解压至项目文件夹下 我们需要用到的文件只有以上箭头的四个 3.如果我们直接使用.ttf .woff .woff2文件,在进行小程序真机调试的时候会导致文件没有被打包上传,这是因为小程序编译的时候忽略了这几个文件,即上传白名单

  • 微信小程序--rpx及与px的运算2021-09-14 18:33:07

    1. 微信小程序的rpx样式单位,可以自适应设备的宽度。   (标准宽度750rpx= 设备页面宽度px) 如:设备600px,则 600px = 750rpx ==> 1px = (750 / 600)rpx 微信小程序默认标准宽度:750rpx 例子:   设备宽度:600px   元素宽度with:200px   使用calc()来计算并使用   在wxss中,calc(750

  • 微信小程序源代码基本文件类型2021-09-14 17:04:24

    微信小程序源代码基本文件类型 新建一个微信小程序项目会自动生成以下文件 主要的文件类型有js ,json,wxml,wxss 1. js:js脚本文件用于与用户交互,进行逻辑处理,如响应用户的点击、获取用户的位置等 2. json:json文件为配置文件,用于设置小程序的配置,如小程序的页面注册,网络设置,以及

  • 微信小程序引用 iconfont2021-08-17 15:00:27

    本文地址: https://www.cnblogs.com/veinyin/p/15152278.html   基于通过微信开发者工具新建的原始微信小程序工程 由于无 css 文件,取而代之的是 wxss,通过 symbol 和 font class 在线引入的方式不再适用 可以采用以下方式,需要创建一个 iconfont 的 wxss 文件,引入后就可以全局使

  • 微信小程序WXSS学习自定义样式&小程序中发送异步请求(一)2021-08-07 16:33:59

    在app.wxss里面定义自定义的演示 @import './styles/iconfont.wxss'; page{ /* 定义主题颜色 */ --themeColor:#eb4450; } 在每个具体页面则通过wxss来使用自定义的颜色 view{ /* 使用主题颜色 */ color: var(--themeColor); }   小程序中发送异步请求 1.在详细页面

  • 从阿里巴巴icon引入图标到微信小程序(可以改变大小,颜色)2021-08-01 20:00:20

    首先到阿里巴巴官方icon图标库选择自己喜欢的图标并且加入图购物车 点击网站左上角的购物车按钮再点击添加至项目 把文件解压以后我们需要这个iconfont.css文件,把他的后缀名改成.wxss 后复制到我们自己的项目中 我这里是新建了一个文件夹 然后在app.wxss中引入@import ‘

  • 微信小程序+ColorUI2021-07-05 13:58:11

    官网 1、Color UI | 下载包 2、语雀文档 ColorUI 群资源 3、Github ColorUI 鲜亮的高饱和色彩,专注视觉的小程序组件库 开发 1、下载官方案例demo,文件如下,colorui是独立的引入文件夹资源。 2、在app.json内 3、配置引入css样式的操作、pages和colorui同级目录 4、app.json

  • 微信小程序怎样添加扩展icon图标2021-06-01 19:04:40

    问题背景 开发微信小程序是,往往要使用到icon图标,因为官方提供的icon图标少的可怜,所以不得不想办法搞一些非官方提供的icon来使用,下面就简单介绍一下怎样在微信小程序中添加使用非官方提供的icon图标       实现步骤: 1.去阿里巴巴矢量图标库下载想要的图标 转到:http://www.ico

  • 微信小程序开发(3)样式WXSS2021-05-31 15:02:27

    文章目录 rpx 样式导入 选择器 ⼩程序中使⽤less rpx 由于不同的手机在页面的大小布局不相同,因此做屏幕适配,微信提供可rpx类比px进行适配 rpx (responsive pixel): 可以根据屏幕宽度进⾏⾃适应。规定屏幕宽为 750rpx 。如在iPhone6 上,屏幕宽度为 375px ,共有750个物理像素,则

  • 代码规范与计划2021-05-25 20:03:44

    这个作业属于哪个课程 2018级计算机和综合实验班 这个作业的要求在哪里 第七次团队作业:Alpha冲刺 这个作业的目标 记录冲刺计划 代码规范: 1.java代码 1.1.1遵循前端js标准代码排版 1.1.2 使用bmob比目云后端数据库创建及管理 2 .wxml+wxss代码 2.1遵循HbuildX标准格式

  • 【IT之路】微信小程序之美化2021-05-04 19:34:07

    web页面可以使用css样式表来美化。微信小程序页面模块也可以使用样式。相关的样式文件后缀为.wxss 下面我们看下index模块如何给按钮使用样式 一、编写css样式 在index.wxss文件中添加如下css样式代码 /**index.wxss**/ .userinfo { display: flex; flex-direction: column;

  • 微信小程序如何添加新的icon图标2021-04-29 18:36:19

    第一步 先去阿里云矢量图标库http://www.iconfont.cn/添加图标至自己的项目中然后点击下载至本地       下载完成之后是一个压缩包,解压压缩包里面有一个css的文件复制到项目中,更改后缀为wxss(因为小程序不能识别css后缀的文件)             第二步 在wxss中引入刚才更改

  • 单选框/复选框/自定义组件2021-04-28 19:29:41

    单选框 效果图 代码 wxml 在这里插入代码片 wxss 在这里插入代码片 js 在这里插入代码片 复选框 效果图 代码 wxml 在这里插入代码片 wxss 在这里插入代码片 js 在这里插入代码片 自定义组件 效果图 代码 wxml 在这里插入代码片 wxss 在这里插入代码片 js 在这里插入

  • Mock和面试题2021-04-15 09:32:08

    Mock Mock就是一个假后台 用于拦截ajax请求,模拟服务器返回数据 实现原理是对XHR对象的拦截,属于js拦截,所以浏览器并没有发出请求 数据模板定义和规范 数据模板每个属性由3个部分构成:属性名,生成规则,属性值: title 属性名 |1 规则 title|1:aaaaa 属性值 'title|1':'aaaaa'

  • VScode 写 less转css和less转wxss2021-04-14 23:01:58

    前言:less一种css的预编译器,可以使我们很方便的书写样式,然后再通过转换,使less文件成为我们浏览器能识别的css样式文件。有一种专门用来将less文件转换为css文件的软件, koala。但是VScode中对于这中转换也有一个插件, Easy LESS 首先安装插件,安装完成后然后点击插件右下角的设置: 然

  • 微信小程序面试题2021-04-14 17:31:40

    文章目录 前言一、简单描述微信小程序相关文件类型二、谈谈wxml与标准html的异同三、谈谈wxss和css的异同总结 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习

  • 2021-04-072021-04-07 22:01:16

    第一块:JSON 上面提到:每个分页面分为JS(页面逻辑)、JSON(页面配置)、WXML(页面结构)、WXSS(页面样式表)四个模块,那么这些页面分别都有什么用途呢? JSON是页面配置文件,可以对本页面的窗口表现进行配置,文件内容为一个 JSON 对象,会涉及到很多的属性。 比如navigationBarTitleText 就是显示

  • 小程序-----小程序开发组件布局,数据绑定,事件2021-04-07 10:59:38

    小程序UI开发 布局 创建一个小程序项目演示UI组件及样式。 1. 适配 众所周之移动设备种类较多,如操作系统有 Android、IOS、Windows Phone等,屏幕尺寸有 4寸、4.7寸、5.5寸等,甚至屏幕像素密码也存在差异,开发者不得不针对不同的操作系统和不同的屏幕尺寸进行处理。 开发小程序

  • searchbar.wxss源代码2021-03-19 13:33:10

    代码部分:   .searchbar{ background-color: #41be57 ; padding: 20px;   }     .search-navigator{   width: 100%;   height:60px;   background-color: #fff;   border-radius: 10rpx; background-image: url ("data:image/jpg;base64,/9j/4AAQSkZJRgABAQ

  • 小程序三剑客2021-03-06 10:33:16

    微信小程序的三剑客——wxml、wxss、js 如果把微信小程序比作一栋大楼,那么wxml、wxss、js分别扮演不同的角色 1、wxml主要负责布局组件的(相当于大楼的结构) 2、wxss决定显示的样式(决定大楼的样式,比如颜色等等) 3、js主要负责处理逻辑(决定大楼的功能)  

  • 微信小程序 - wxss2021-02-16 15:36:12

    WXSS 1.class和id选择器 class选择器可以多次使用,可以重复 .red{ background:red; } id选择器只能使用一次,不能重复 #title{ background:green; } 2.颜色的三种设置方式 十六进制 RGB 颜色名称 3.CSS中文本的常用样式 文本的对齐方式 text-align: center 文本居中

  • 微信小程序图片上传2021-01-24 12:30:03

    通过微信小程序实现文件上传效果 通过weui布局快速页面,将weui.wxss引入小程序,然后在app.wxss全局引入@import 'style/weui/weui.wxss';文件上传会用到uploader,gallery以及输入输入框和按钮。 设计一个简单的页面 <form bindsubmit='doUpload'>

  • 微信小程序开发纪实-菜鸟新手入门2021-01-07 09:58:52

    微信小程序开发纪实 第一天开发背景注册测试号,小程序号页面跳转、登陆拦截文件目录结构题外技能 本人第一次尝试开发微信小程序,打算写一篇博客文章,尽可能的详细的把开发过程中的难点、思路、面向百度编程的内容记录下来,供作参考。 第一天 开发背景 和另一名新入职的同事

  • 开发零基础入门day12021-01-03 16:35:41

    1.微信开放文档:https://developers.weixin.qq.com/miniprogram/dev/framework/ 2.开发工具 3.创建项目,初学时使用测试号 4.工程界面    5.小程序主要目录文件作用 project.config.json 项目配置文件,做一些个性化配置,例如界面颜色、编译配置等等 app.json 当前小程序的全

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

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

ICode9版权所有