精华内容
下载资源
问答
  • 修改其他程序标签
    千次阅读
    2021-12-06 10:06:06

    组件文档提供了好几种方式来修改样式,根据实践,整理如下

    一、Page中使用vant组件

    pages/home.wxml

    <view class="page-home__article">
    	<van-tabs active="{{ active }}" bind:change="onChange">
    	  <van-tab title="标签 1">内容 1</van-tab>
    	  <van-tab title="标签 2">内容 2</van-tab>
    	  <van-tab title="标签 3">内容 3</van-tab>
    	  <van-tab title="标签 4">内容 4</van-tab>
    	</van-tabs>
    </view>
    

    在外层加一个作用域,可直接修改vat组件样式
    pages/home.wxss

    .page-home__article{
       // 简单的例子,隐藏下划线
      .van-tabs__line {
          display: none;
        }
     }
    }
    

    二、自定义组件中使用vant组件

    components/custom-component/custom-component.wxml

    <view class="custom-component">
    	<van-tabs active="{{ active }}" bind:change="onChange">
    	  <van-tab title="标签 1">内容 1</van-tab>
    	  <van-tab title="标签 2">内容 2</van-tab>
    	  <van-tab title="标签 3">内容 3</van-tab>
    	  <van-tab title="标签 4">内容 4</van-tab>
    	</van-tabs>
    </view>
    

    此时在组件内容修改样式好像不起作用

    组件配置需要开启样式选项

    {
      "component": true,
      "styleIsolation": "apply-shared"
    }
    

    参考: 自定义组件 / 组件样式隔离

    在page中使用自定义组件

    pages/home.wxml

    <view class="page-home__article">
    	<custom-component></custom-component>
    </view>
    

    在外层加一个作用域,可直接修改vat组件样式
    pages/home.wxss

    .page-home__article{
       // 简单的例子,隐藏下划线
      .van-tabs__line {
          display: none;
        }
     }
    }
    

    总结

    vant组件样式修改方式:

    • 全局样式app.wxss中修改
    • 页面样式page.wxsss中修改
    • 自定义组件样式中修改不一定生效
    更多相关内容
  • 本文实例讲述了微信小程序基于slider组件动态修改标签透明度的方法。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml <view class=img xss=removed></view> 此处的opacity:{{imgOpacity}}...
  • 主要介绍了微信小程序实现点击按钮修改view标签背景颜色功能,涉及微信小程序事件响应及数值运算实现动态设置view背景色样式的相关操作技巧,需要的朋友可以参考下
  • 使用input标签,我们都会,在微信小程序中使用,必定也是可以一下子就会的,但是却有些常用的属性无法按照习惯去使用: 我就用我最常用的来做例子: 一个一个来解读: 首先,我是定义了他的id,这是我们最常用的,...
  • 本文实例讲述了微信小程序实现动态改变view标签宽度和高度的方法。分享给大家供大家参考,具体如下: 1、效果展示 2、关键代码 index.wxml文件 我是view标签,我现在的宽度是{{view.Width}}px,高度是{{view.Height...
  • 主要介绍了微信小程序 JS动态修改样式的实现代码,原理是绑定数据,然后动态的修改数据,从而实现动态样式的改变而已,需要的朋友可以参考下
  • 微信小程序标签和html标签比较html微信小程序.... {{area[index]}} wxss选择器html微信小程序div(标签选择器)view、text、icon、input、image、navigator(标签选择器)class(类选择器)classid(id选择器)(效率最高)...

    微信小程序的标签和html标签比较html微信小程序

    ....

    {{area[index]}}

    wxss选择器html微信小程序

    div(标签选择器)view、text、icon、input、image、navigator(标签选择器)

    class(类选择器)class

    id(id选择器)(效率最高)id(效率最高)

    element,element(层级选择器)element,element(层级选择器)

    :after(伪类选择器):after    :before

    :frist-child等:frist-child等(不建议(工具过滤易导致页面错乱))

    .class  .class.class .class(不建议(工具过滤易导致页面错乱))

    群组选择器群组选择器

    后代选择器后代选择器

    //微信小程序中placeholder的样式和html5是不一样的。需要修改placehoder的样式,通过placeholder-class=”class”来定义。

    input::-webkit-input-placeholder {

    /* placeholder颜色  */

    color: #aab2bd;

    /* placeholder字体大小  */

    font-size: 12px;

    /* placeholder位置  */

    text-align: right;

    }

    input:focus::-webkit-input-placeholder { color: transparent; }

    下面我就列出常用的标签及其分类。能够帮助之前没有经历过微信小程序前端开发的同学能够快速熟悉。

    一、视图容器(View Container):

    标签说明

    view视图容器

    scroll-view可滚动视图容器

    swiper可滑动的视图容器

    二、基础内容(Basic Content)

    标签名说明

    icon 图标

    text文字

    progress进度条

    三、表单组件(Form)

    标签名说明

    button按钮

    form表单

    input输入框

    checkbox多项选择器

    radio单项选择器

    picker列表选择器

    slider滑动选择器

    switch开关选择器

    label标签

    四、操作反馈组件(Interaction)

    标签名说明

    action-sheet上拉菜单

    modal模态弹窗

    progress进度条

    toast短通知

    loading加载

    五、导航(Navigation)

    组件名说明

    navigator应用内跳转

    六、多媒体(Media)

    标签名说明

    audio音频

    image图片

    video视频

    七、地图(Map)

    标签名说明

    map地图

    八、画布(Canvas)

    标签名说明

    canvas画布

    展开全文
  • 主要为大家介绍了帝国CMS专题调用标签eshowzt不支持标签模板使用程序代码的解决方法,通过修改帝国CMS源码,添加处理字段与代码,实现专题调用标签eshowzt可处理标签模板PHP代码的功能,增加了程序的灵活性,需要的朋友...
  • 修改程序标题小工具

    2019-01-29 17:36:09
    可以获取到其他程序窗口标题,获取程序窗口类名,获取程序窗口句柄 ,修改任意名称的标题
  • 微信小程序标签及常见样式

    千次阅读 2022-03-09 16:29:19
    rich-text 渲染HTML标签-用于小程序书写 要知道,HTML标签与小程序标签不是一个概念,不能直接用! 苏苏少年"> button组件 默认按钮 白背景黑色字 主色调按钮 绿背景白字 警告按钮 白背景红字 ​ size="mini" 缩小版的...

    view

    类似div 块状元素 可设置 宽高!

    fix-direction:row   横向布局
    fix-direction:column    纵向布局

    横向滑动

    标签组件: swiper和swiper-item(单个页面)

    一般都是照片! 视屏和音频都可不行,上传代码包大小有限制!

    swiper组件常用属性:

    indicator-dots  boolean false 是否显示面板指示点!
    indicator-color="#ccc" color 只能用十六进制 指示点颜色!
    indicator-active-color="blue" 当前选中的指示点颜色!
    autoplay    boolean false   是否自动切换!
    interval    number  5000(毫秒)    自动切换的时间!
    circular    boolean false   是否采用衔接滑动!
    <swiper class="swiper-container" indicator-dots indicator-color="#ccc" indicator-active-color="blue" circular>
        <!-- 第一项轮播图 -->
        <swiper-item>
            <view class="item">
                <image src="/img/001.jpg"></image>
            </view>
        </swiper-item>
    ​
         <!-- 第二项轮播图  -->
         <swiper-item>
            <view class="item">
                <image src="/img/002.jpg"></image>
            </view>
        </swiper-item>
         <!-- 第三项轮播图  -->
         <swiper-item>
            <view class="item">
                <image src="/img/003.jpg"></image>
            </view>
        </swiper-item>
    </swiper>

    竖向滑动

    组件: scroll-view 滚动的视图容器 必须给个固定高度!

    <!-- scroll-y 属性   允许竖向滚动 -->
    ​
    <!-- 注意,使用竖向滚动时,必须给个固定高度 -->
    ​
    <!-- scroll-x 属性   允许横向滚动 -->
    ​
    <scroll-view  scroll-y>
    ​
    •    <view></view>
    ​
    •    <view></view>
    ​
    •    <view></view>
    ​
    </scroll-view>

    text标签

    类似HTML中span标签 是个行内标签!

    该标签只有一个作用 selectable(要加,不加效果不显示)!

    <text selectable>15876345671</text>

    在实际页面 长按可以复制!!


    rich-text

    渲染HTML标签-用于小程序书写

    要知道,HTML标签与小程序标签不是一个概念,不能直接用!

    <rich-text nodes="<h1 style='color:red;'>苏苏少年</h1>"></rich-text>

    button组件

    <button>默认按钮</button>   白背景黑色字
    <button type="primary">主色调按钮</button>   绿背景白字
    <button type="warn">警告按钮</button>   白背景红字
    ​
    size="mini" 缩小版的
    <button size="mini">默认按钮</button>
    ​
    plain 镂空按钮  就是白色背景-字体颜色不一样!
    <button plain>默认按钮</button>

    在全局样式配置 app.json

    "style" : "v2"  新版样式!

    删掉此代码,button按钮将使用老版样式!


    image组件

    小程序中只有image标签, 没有img标签

    <image src=""></image>
    /(斜杠)   表示根目录!

    image组件中的mode属性!

     


    API

    简单了解!!

    ① 事件监听API

    特点: 以on开头

    ②同步API

    特点: 以Sync结尾

    ③异步API


    数据绑定

    在页面对应的.js文件中,把数据定义到data对象中

    page({
        data: {
            info: 'hello world',
            imgSrc: 'images/...'
        }
    })

    页面结构如下:

    <view>{{info}}</view>
    <image src="{{imgSrc}}" mode="widthFix"></image>

    三元运算

    页面数据如下:

    page({
        data: {
            randomNum: Math.random()*10
            //  随机生成10以内的数!
        }
    })

    页面结构如下:

    <view>{{randomNum >=5 ? '数字大于或等于5' : '数字小于5'}}</view>

    算数运算

    页面数据如下:

    page({
        data: {
            randomNum: Math.random().toFixed(2)
            //  生成一个带两位小数的随机数 0.34
        }
    })

    页面结构如下

    <view>生成100以内的随机数:{{randomNum * 100}}</view>

    常用的事件

     


    事件对象

     


    条件渲染

     

    ......(这里不在深究!)


    列表渲染

     

    ......(这里不在深究!)


    WXSS

    WXSS(WeiXin Style Sheets)是一套样式语言,用于美化WXSS的组件样式,类似于网页开发中的CSS!

    WXSS具有CSS大部分特性 同时,WXSS还对CSS进行了扩充以及修改,以适用微信小程序的开发.

    WXSS扩展特性有:

    ① rpx尺寸单位

    rpx(responsive pixel) 是微信小程序独有的,用来解决屏适配的尺寸单位! (了解)

    ② @import样式导入

    @import后跟需要导入的外联样式表的相对路径 用 ; 表示语句结束!

    示例: @import "common.wxss";

    首先,建立一个公共样式common.css 写一个样式 导入 以及导入的路径 就可以在wxml直接使用!


    全局配置

    小程序根目录下的app.json文件是小程序的全局配置文件.

    常用的配置如下:

    ① pages

    • 记录当前小程序所有页面的存放路径!

    ② window (!!)

    • 全局设置小程序窗口的外观!

    ③ tabBar (!!)

    • 设置小程序底部的tabBar效果!

    ④ style

    • 是否用新版的组件样式!


    window节点

     

    导航栏颜色仅支持十六进制 (#2b4b6b)!


    下拉刷新效果

    概念: 下拉刷新是移动端的专有名词,指的是通过手指在屏幕上的下拉滑动操作,重新加载页面数据的行为!

    在全局配置/单个页面配置(app.json / .js)

     "enablePullDownRefresh": true
    

    定义下拉刷新的背景色

    "backgroundColor":	 (十六进制)	#efefef(浅灰色)
    

    设置下拉刷新时loading的样式!

    "backgroundTestStyle":   dark或light
    

    上拉触底

    概念: 上拉触底是移动端的专有名词, 通过手指在屏幕上的上拉滑动操作, 从而加载更多数据的行为!

    "onReachBottomDistance":50px
    默认距离为50px
    

    tabBar

    tabBar 是移动端应用常见的页面效果, 用于实现多页面的快速切换.

    小程序中通常将其分为:

    • 底部tabBar

    • 顶部tabBar

    注意:

    • tabBar中只能配置最少两个 最多五个tab页签!

    • 当渲染顶部tabBa时, 不显示icon(图标) 只显示文本!

    backgrundColor: tabBar的背景色!
    borderStyle: tabBar上边框的颜色!
    selectedIconPath: 选中时的图片路径!
    iconPath: 未选中时的图片路径!
    selectedColor: tabBar上的文字选中时的颜色!
    color: tabBar上文字的默认(未选中)颜色!
    
    

    tabBar配置

    每个tab项的配置选项

    配置tabBar选项!

    "tabBar":{
    	"list":[
    		{
    			"pagePath": "pages/index/index",
    			"text": "首页",
    			"iconPath":"/images/houme.png",
    			"selectedIconPath": "/images/home.png"
    		},
    		{
    			"pagePath": "pages/demo/demo",
    			"text": "消息",
    			"iconPath":"/images/houme.png",
    			"selectedIconPath": "/images/home-active.png"
    		}
    	]
    }
    

    页面配置

    在小程序中, 每个页面都有自己的.json配置文件, 用来对当前页面的窗口外观 页面效果等进行配置!

    页面配置全局配置的关系:

    在小程序中 app.json中的winow节点 可以全局配置小程序中每一个页面的窗口表现.

    如果某些小程序页面想要拥有特殊的窗口表现 此时 "页面级别的.json配置文件" 就可以实现这种需求!

    注意: 当页面配置与全局配置冲突时 根据就近原则 最终结果以页面配置为准!


    数据请求

    出于对安全性方面的考虑 小程序官方对数据接口的请求做出了如下两个限制:

    • 只能请求HTTPS类型的接口!

    • 必须将接口的域名添加到信任列表中!


    关闭黄条警示

    "checkSiteMap":false
    

    声明式导航

    • 在页面上声明一个<navigator>导航组件

    • 通过点击<navigator>组件实现页面导航

    导航到tabBar页面

    tabBar页面指的是被配置为tabBar的页面

    在使用<navigator>组件跳转指定的tabBar页面时,需要指定url属性和open-type属性:

    其中

    url表示要跳转的页面的地址, 必须以 / 开头 (不加斜杠 不起作用)

    open-type表示跳转的方式 必须为 switchTab

    <navigator url="/pages/message/message" open-type="switchTab">导航到消息页面</navigator>
    

    导航到非tabBar页面

    url表示要跳转的页面的地址, 必须以 / 开头 (不加斜杠 不起作用)

    open-type表示跳转的方式 必须为 navigate (可省略)

    <navigator url="/pages/info/info">导航到info页面</navigator>
    

    后退导航

    如果要退到上一页面或多级页面, 则需要指定open-type属性和delta属性

    其中:

    • open-type的值必须是navigateBack, 表示进行后退导航

    • delta得知必须是数字 表示要后退的层级

    <navigator open-type="navigateBack" delta="1"></navigator>
    

    注意:

    为了简单, 如果只是后退到上一页,则可以省略delta属性 因为其默认值就是1!


    编程式导航

    调用小程序的导航API, 实现页面的跳转!


    跳转到tabBar页面

    页面结构:

    <button bindtap="gotoMessage">跳转到message页面</button>
    

     


    跳转到非tabBar页面

    <button bindtap="gotoInfo">跳转到info页面</button>
    

     


    后退导航

     


    声明式导航传参

    navigator组件的url属性用来指定将要跳转到的页面的路径. 同时,路径也可以携带参数!

    • 参数与路径之间使用 ? 分隔

    • 参数键与参数值用 = 相连

    • 不同参数用 & 分隔

    ........

    展开全文
  • 主要介绍了微信小程序实现点击按钮移动view标签的位置功能,涉及微信小程序事件绑定与this.setData动态修改data数值进而改变view标签样式的相关操作技巧,需要的朋友可以参考下
  • 本文实例为大家分享了微信小程序时间标签和时间范围联动的具体代码,供大家参考,具体内容如下 最近忙于一个有关数据管理的微信小程序,遇到了上图情况,虽然很简单,还是整理一下。若有错误,请广大朋友们指正。 ...
  • 标签打印程序

    2014-09-06 12:23:45
    1、cs6文档的数据、条码内容、条码位置可以调整更改,但是不能更改条码或数据所对应的变量名称及变量关系。 2、数据库初始密码是admin,可以更改,但是更改了之后要在程序界面 “系统维护”--数据库密码按钮--“录入...
  • 微信小程序——常用属性及标签

    千次阅读 2021-07-19 12:45:38
    微信小程序 最近在学习小程序开发,在学习的过程中感受到了内容之多,这里总结了一些小程序开发的一些常用属性与方法,更加具体的还得通过打开微信开放文档进行学习,在学习的过程中多打demo才是最好的学习方式啊,...

    微信小程序

    在这里插入图片描述

    最近在学习小程序开发,在学习的过程中感受到了内容之多,这里总结了一些小程序开发的一些常用属性与方法,更加具体的还得通过打开微信开放文档进行学习,在学习的过程中多打demo才是最好的学习方式啊,再好的文档都比不上自己去实践。这里附上mdn: 微信开放文档 (qq.com)~

    1. 准备工作

    • project.config.json:项目配置文件,比如项目名称、appid等;
    • sitemap.json:小程序搜索相关的
    • app.json:全局配置
    • page.json:页面配置

    全局配置

    属性类型必填描述
    pagesstring[]页面路径列表
    windowObject全局的默认窗口表现
    tabBarObject底部tab栏的表现

    小程序的双线程模型

    微信客户端是小程序的宿主环境。

    执行wxml文件、wxss文件、js文件

    渲染层(Webview线程):wxml-> 布局文件 wxss -> 样式文件

    逻辑层(JsCore):js脚本

    这两个线程都会经由微信客户端(Native)进行中转交互。

    界面渲染过程 WXML和DOM树

    WXML可以先转成 JS对象,再渲染出真正的DOM树

    2.循环与对象绑定

    数组和对象循环

    列表循环:

    1. wx:for="{{数组或者对象}}" wx:for-item="循环项的名称" wx:for-index="循环项的索引"

    2. wx-key="唯一的值" 用来提高列表渲染的性能

      • wx-key 绑定一个普通的字符串的时候,那么这个字符串名称肯定是循环数组中对象的唯一属性

      • wx-key=*this 就表示普通数组 *this表示循环项

    3. 当出现数组的嵌套循环的时候,尤其要注意,以下绑定的名称不要重名

      wx:for-item="item" wx:for-index="index"(默认情况下不写)小程序默认循环项的名称和索引的名称为itemindex

    对象循环:

    1. wx:for-item="{{对象}}" wx:for-item="对象的值" wx:for-index="对象的属性"
    2. 循环对象的时候,最好改一下 wx:for-item="value" wx:for-index="key"

    事件绑定

    第一种:给input绑定

    1. input标签绑定bindinput

    2. 通过e.detail.value获取输入框的值

    3. 把输入框的值赋值给data:

    this.setData({
        num: e.detail.value
    })
    

    第二种:给button绑定

    1. button标签绑定bindtap
    2. 无法在小程序当中的事件直接传参
    3. 通过自定义属性的方式传递参数
    4. 事件源中获取自定义属性
    <button bindtap="handleTap" data-operation="{{1}}">+</button>
    <button bindtap="handleTap" data-operation="{{-1}}">-</button>
    

    这里可以通过把绑定事件打印出来,找到自己需要的那个实参拿出来。获取当前num的值是通过this.data.num来获取的。

    3 . WXSS

    小程序中,不需要主动引入样式文件。需要把页面中的某些元素的单位,由px改成rpx

    rpx

    rpx(responsive pixel)可以根据屏幕宽度进行自适应。规定屏幕宽为750px. rpx换算px(750/屏幕宽度)。如iPhone6上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素1rpx = 0.5px = 1物理像素

    利用calc属性来计算rpx, 如:

    width: cala(750rpx *100 / 375);
    

    750和rpx中间不要留空格,运算符两边也不要留空格。

    样式导入

    使用@import语句可以导入外联样式表,路径只能写相对路径

    @import "demo.js";
    

    选择器

    特别注意:小程序不支持通配符*****,在我们之前写css的样式中,经常会在最前面加一个通配符,写如下样式,但是这个通配符在小程序中是不适用的。

    * {
        margin: 0;
        padding: 0;
        box-sizing: border-box
    }
    

    其他选择器的话跟css的差不多。

    [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-7ayxjkwe-1626669911420)(E:\微信小程序\笔记\img\选择器.png)]

    a. 常用组件

    text

    • 文本标签,只能嵌套text标签
    • 长按文字可以复制(只有这个标签有这个功能)
    • 可以对空格 回车进行编码
    属性名类型默认值说明
    user-selectBooleanfalse文本是否可选
    decodeBooleanfalse是否解码

    image

    • 图片标签,image组件默认宽度320px、高度240px

      src指定要加载的图片路径, 图片存在默认宽高

      mode决定图片内容和图片标签的适配

      1. scaleToFill默认值,不保持纵横比缩放图片,使图片填满image元素
      2. aspectFit保持宽高比,确保图片的长边显示出来
      3. aspectFill保持宽高比,只确保短边显示出来 少用
      4. widthFix跟以前web图片差不多,指定宽度,高度按比例调整 常用
    • 支持懒加载 直接加lazy-load就行

    swiper

    1. 轮播图的外层容器: swiper

    2. 每一个轮播项:swiper-item

    3. swiper标签存在默认样式 width 100% height 250px

    4. swiper标签无法实现由内容撑开

    5. swiper高度/swiper宽度 = 原图的高度 / 原图的宽度

    6. autoplay自动轮播 interval修改轮播事件 circular衔接轮播 indicator-dots 显示分页

      indicator-color指示器未选择时的颜色 indicator-active-color选中时的颜色

    navigator

    1. 块级元素 默认会换行 可以直接加宽度和高度

    2. url要跳转的页面路径,绝对路径、相对路径

    3. target 指定跳转到当前小程序或者是其他的小程序页面

      self:默认值 自己的小程序页面 miniProgram: 其他的小程序页面

    rich-text富文本标签

    通过nodes属性来实现,可以接收标签字符串和对象数组。rich-text全局支持class和style属性,不支持id属性,还有一些受信任的HTML节点及属性见官方文档。

    <rich-text nodes="{{data}}"></rich-text>
    

    b. 常用标签

    button

    1. 外观的属性(1)size控制按钮的大小 a) default默认大小 b) mini小尺寸

      ​ (2)type控制按钮的颜色 a) default灰色 b) primary绿色 c) warn红色

      ​ (3)plain 按钮是否背景色为透明

    2. open-type:

      contact:直接打开客服对话功能,需要在微信小程序的后台配置

      share:转发当前小程序到微信中,不能分享到朋友圈

      getPhoneNumber:获取当前用户的手机号码信息,结合一个事件来使用。不是企业小程序账号没有权限获取用户的手机号码。实现思路:(1)bindgetphonenumber绑定事件;(2)在事件的回调函数中通过参数来获取信息;(3)获取到的信息需要用户自己搭建小程序的后台服务器,在后台中进行解析后返回小程序,(因为被加密过了)

      getUserInfo:获取当前用户的个人信息

      launchApp:在小程序中直接打开app

      openSetting:打开小程序内置的授权页面

      feedback:打开小程序内置的意见反馈页面,这个需要真机调试

    icon

    小程序中的字体图标

    1. type图标的类型:success | success_no_circle | info | warn | waiting | cancel | download | search | clear
    2. size大小
    3. color图标的颜色

    radio 单选框

    1. radio标签必须要和父元素radio-group来使用

    2. value选中的单选框的值

    3. 需要给 radio-group 绑定change事件

    4. 需要在页面中显示选中的值

      <radio-group bindchange="handleChange">
          <radio value="male"></radio>
          <radio value="female"></radio>
      </radio-group>
      

    注意点:

    • 页面.js文件中,存放事件回调函数的时候存放在data同层级下
    • 组件.js文件中,存放事件回调函数的时候必须要在methods

    4. 自定义组件

    会写在下一篇博客中~

    后续会继续更新d~ 除了记笔记,也要自己多打打小demo来熟悉这些知识

    展开全文
  • 简单修改2个自动生成的模板文件即可。 1、修改index.wxml: 增加: &lt;button bindtap='changeMotto'&gt;点击&lt;/button&gt; 2、修改index.js,增加一个函数: changeMotto...
  • 如下图,这便是我要实现的效果,点击11点添加样式随后的11点半和12点也添加样式,做小程序的你应该可以发现下边的时间数组并不是一次就可以遍历完,上午、下午、晚上各循环了一遍,之前我用JS和JQuery写过了一遍一样...
  • 用于跟踪一段时间内对GitHub标签更改的实用程序。 要运行此命令: 确保已安装git,并且可以将其推送到GitHub。 npm install 使用以下条目创建config.json文件: repo -要跟踪其标签回购(如njx/issue-test-repo )...
  • 程序的rich-text 组件可以解析带有html标签的内容,像vue的v-html一样,具体细节还是以小程序官网为准 用法 <!-- wxml--> <view> <rich-text nodes="{{shopDetailArr}}"></rich-text>...
  • 作者: 阿倩前不久做了一个微信小程序的项目,...本篇纲要:小程序尺寸官方小程序菜单标题导航栏设计(Title bar)标签分页导航设计(Tab bar)内容设计加载样式全局操作反馈一、小程序尺寸小程序开发尺寸是rpx(...
  • 程序中image 图片标签的使用

    千次阅读 2021-11-01 17:41:30
    程序中image 图片标签的使用(注意这里和html的img的不同) 一. src 指定要加载的图片的路径 图片存在默认的宽度和高度 320 * 240 原图大小是 200 * 100 二. mode 决定 图片内容 如何 和 图片标签 宽高 做适配 1 ...
  • 暑假留在社团跟别人一起开发一个校园小程序,如今也基本快开发完成了,整理一下日后可能用到的小组件。 类似于上图,下方的待选项为一个组件,根据父组件传入传入的参数决定是否为多选。 父组件的HTML代码如下 <...
  • H5 使用微信开放标签跳转小程序

    千次阅读 2022-03-21 19:59:22
    微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合,可以在网页上提供跳转小程序、打开 App 等能力。本文梳理使用微信开放标签跳转小程序的过程,以备日后查阅。 参考链接 1. 开放标签说明文档 准备已...
  • 将选择器的选取范围更改为自定义组件 component 内 let query = wx.createSelectorQuery().in(this) // select() 在当前页面下选择第一个匹配选择器 selector 的节点 // boundingClientRect() 添加节点的布局位置的...
  • 怎么解决小程序中解析标签的问题 下面是我个人遇到的一些问题,因为小程序中是不支持<p>标签的,但是有一些接口返回的是一些带有标签的数据 1.第一种情况解析标签可以直接通过rich-text标签解析 <rich-text...
  • 程序中text标签之坑

    千次阅读 2019-11-05 18:49:55
    在微信小程序中有一个标签是<text> 它相当于平常开发中用到的<span>标签,是一个行内元素 不过在小程序中<text>有一个让人感觉很坑的地方 就是<text>标签不能换行写,一旦换行了,其中的...
  • 微信小程序uniapp,vant-weapp中Tab 标签页简单使用和修改title文字大小 前提:在uniapp项目中,安装vant-weapp 方法一:官方文档中的快速上手中有教程 网址:...
  • 微信小程序标签

    万次阅读 多人点赞 2018-07-04 10:17:12
    1、viewdiv和view都是盒模型,默认display:block。盒模型在布局过程中,一般推荐display:...2、text除了text文本节点以外的其他节点都无法长按选中。。截止到0.10.102800的开发者工具text支持嵌套text,不过有clas...
  • 微信小程序标签页切换效果是怎么做出来的

    千次阅读 多人点赞 2019-12-11 18:03:33
    于传统网页开发中的标签页切换效果不同的是,小程序标签页切换更接近原生APP的交互体验!也就是可以通过左右滑动页面进行切换,类似于网页开发中的焦点图切换的效果。 ——这当然是通过微信小程序强大的组件和API...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 519,000
精华内容 207,600
热门标签
关键字:

修改其他程序标签