小程序 view容器

最新推荐文章于 2024-05-22 19:33:07 发布
最新推荐文章于 2024-05-22 19:33:07 发布
阅读量246 收藏
点赞数
分类专栏： 微信小程序 文章标签： 小程序
原文链接：https://developers.weixin.qq.com/miniprogram/dev/component/view.html
版权

view是视图容器

属性类型默认值必填说明
hover-classstringnone否指定按下去的样式类。当 hover-class="none" 时，没有点击态效果
hover-stop-propagationbooleanfalse否指定是否阻止本节点的祖先节点出现点击态
hover-start-timenumber50否按住后多久出现点击态，单位毫秒
hover-stay-timenumber400否手指松开后点击态保留时间，单位毫秒

 

 

 

 

 

 

weixin79893765432...
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序容器对比：优势与劣势
m0_69845424的博客
10-17 198
继谷歌之后，2020 年 Apple 也终于推出了 App Clips。目标是借由提供轻量化 App，省去下载原生 App 的麻烦，让用户先体验部分功能，以及融入各种消费场景，从而为原生 App 引流。尽管承载了极客们无数的期待，但 App Clips 的表现却不尽如人意，至今并未在市场激起任何水花。国内的小程序也好，国外的 PWA、App Clips 也罢，其本质都是轻应用的一种形态，旨在持续优化用户的使用体验，并扩大应用场景。就目前的发展而言，小程序的确在某种程度上可以代表轻应用。
小程序 视图容器 view容器
Abudula__的博客
07-24 778
view视图容器：是小程序中最基础的容器，可以实现页结构的划分，页面布局的调整等。除了公共属性，还有4个属性。 这里hover-class是指当我们点击的时候会变成什么样的样式，hover-start-time是指当我们点击多久以后才会显示我们hover-class的样式，hover-stay-time是指这个样式会持续多久，hover-stop-propagation解释比较麻烦，因此我写...
关于小程序容器技术，你需要知道这些
ywh_121215的博客
03-29 793
在移动开发的过程中，容器技术已经成为了不可或缺的工具。容器技术是一种将应用程序与其依赖项打包到一个单独的可执行单元中的方法。容器技术最大的优势是可以帮助开发人员更加高效地构建、测试和部署应用程序。容器技术的使用可以使应用程序更加可靠、可移植和可伸缩。容器技术中最常见的容器引擎是Docker。Docker是一个开源的容器引擎，可以帮助开发人员更加容易地创建、管理和部署容器。Docker提供了一个容器化环境，可以运行在多种不同的操作系统和云平台上。
微信小程序常用组件的简单使用 view，scroll-view，swiper，swiper-item，text，rich-text，button，image
m0_63622279的博客
07-11 7817
scroll-view组件就是滚动的视窗，使用scroll-view组件时，要想横向滚动或者纵向滚动时，需要在scroll-view组件上添加对应的属性 scroll-x 或 scroll-y,然后需要注意的是，纵向滚动需要给scroll-view组件限定高度，横向滚动则需要给scroll-view组件添加一个限定的宽度。swiper 和 swiper-item组件是微信小程序提供的用于快速构建轮播图的组件，swiper为轮播图的容器，swiper-item为轮播图的每一项。官网地址【swiper组件】
微信小程序-常用的视图容器类组件
最新发布
2301_79188932的博客
05-22 1160
小程序如果在页面内进行复杂的界面设计（如在页面内弹出半屏的弹窗、在页面内加载一个全屏的子页面等），用户进行返回操作会直接离开当前页面，不符合用户预期，预期应为关闭当前弹出的组件。可移动的视图容器，在页面中可以拖拽滑动.movable-view必须在movable-area组件中，并且必须是直接子节点，否则不能移动。使整个子树从页面中脱离出来，类似于在 CSS 中使用 fixed position 的效果。小程序中的组件也是由宿主环境提供的，开发者可以基于组件快速搭建出漂亮的页面结构。
小程序view基本组件使用
weixin_51330376的博客
09-25 2603
适合小程序小白使用
微信小程序 view组件的基本使用
贼厉害
02-04 6458
到这里view基础使用就教学完毕了，有人会说和效果图不一样，其实学到这里就差不多了，后面在给他加入样式就可以改成效果图一样的了。我们会看到页面上出现了三个纵向的ABC，为了方便观看，我们给他三个一个大小，宽高100像素。通过布局改变发现他从纵向修改到横向布局了，这时候在给他加一个元素即可横向平均布局了。为什么会纵向排列而不是横向排列，那是因为view是块元素，能占满整一行。能看图就尽量减少文字提示，从图书可以看出ABC是纵向排列的。这时候 就能看到三个快元素，我们给父级元素改变他的布局形式。
微信小程序 教程之wxapp 视图容器 view
09-01
在微信小程序开发中，视图容器（View）是构建用户界面的基本元素之一，它用于组织和展示内容。本文将深入探讨微信小程序中的`<view>`组件，以及如何利用它来创建灵活多变的布局。 首先，`<view>`组件的作用类似于...
小程序开发基础之view视图容器
12-29
本文介绍了小程序开发基础之view视图容器，分享给大家，具体如下： 视图容器 // wxml <view class=section> <view class=section__title>flex-direction: row</view> <view class=flex-wrp_one> <view class=...
微信小程序的视图容器-view
03-29
微信小程序的视图容器主要包括是是三个，分别是 1.view 2.scrollView 3.swiper 一、view view就是视图的意思，类似于html中标签 我们先来写一个简单的view 在.wxml中写一个view (此图片来源于网络，如有侵权，请联系...
微信小程序scroll-view组件实现滚动动画
08-28
微信小程序 scroll-view 组件是一种常用的滚动容器组件，通过设置 scroll-into-view 和 scroll-with-animation 属性可以实现滚动动画效果。在本文中，我们将详细介绍如何使用 scroll-view 组件实现滚动动画，并提供...
小程序基础使用
m0_52578688的博客
05-27 3122
一、简介 微信小程序，小程序的一种，英文名Wechat Mini Program，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用。 1.微信小程序与APP的区别 APP区别于IOS和Android系统但是微信小程序不在区别于系统，对于开发者来说，这是比较节省资金，对于用户来说，也不需要下载，做到了让用户即用即走。 2.微信小程序的开发 微信小程序的开发相对于pc端以及APP端比较简单，也更有利于用户的使用 二、小程序开发介绍 1.pa...
【微信小程序】组件篇 -- 常用视图容器类组件介绍 -- view、scroll-view和swiper（六）
JMFive的博客
02-23 5269
大家好，又见面了，我是夜阑的狗🐶，本文是专栏【微信小程序开发教程】专栏的第6篇文章;今天开始学习微信小程序的第三天💖💖💖，开启新的征程，记录最美好的时刻🎉，每天进步一点点。此专栏是我是夜阑的狗微信小程序开发过程的总结，希望能够加深自己的印象，以及帮助到其他的小伙伴😉😉。如果文章有什么需要改进的地方还请大佬不吝赐教👏👏。🌹 🌹 🌹也欢迎你，关注我。👍 👍 👍！！💕 💕 💕 最后，本文仍有许多不足之处，欢迎各位认真读完文章的小伙伴们随时私信交流、批评指正！下期再见。🎉。
小程序容器化：基于uni-app的Android小程序开发
tornyLin的博客
08-08 3581
前言 细心的小伙伴发现，越来越多超级APP的页面采用小程序开发了。例如支付宝客户端，相信大家早已发现支付宝首页有一个小程序中心的入口（如下图1.1所示），支付宝上很多页面都是小程序页面（如下图1.2所示）。那么为什么越多越多大厂的app采用了小程序容器化开发呢？博主将在本博客简要说明小程序容器化的趋势、优点，以及如何基于uni-app在Android端开发自己的小程序。本文提纲如下： 图1.3 博客提纲 一. 小程序趋势 回到前言提到的问题...
微信小程序--基础内容（详解）（一）
叶子的博客
10-31 7479
微信小程序基础内容，带你快速入门
微信小程序框架---视图层&逻辑层&API&事件
weixin_74268571的博客
10-16 665
小程序框架的详细介绍，视图层WXML、WXSS、WXS，逻辑层注册页面、页面路由，页面的生命周期，API和事件
手把手带你学习微信小程序 —— 七 （view 视图组件学习）
2401_83916435的博客
04-12 747
面试建议是，
选对小程序容器，让你事半功倍。
weixin_62324593的博客
12-14 251
企业进行数字化转型的第一步就必须要IT技术团队做好自身的跨岗位、跨部门、跨企业边界的连接与协同，以此来逐渐的实现自己的数字化进步。而且，用数字化来进行协同文化、开发工具、开发数字化的业务应用工作也将是水到渠成的事情。
利用Flutter和小程序容器技术打造多端适配的小程序解决方案
speedoooo的博客
04-03 1418
结合Flutter和小程序技术，可以实现快速高效的小程序开发，这对于企业和开发者来说都是一个不错的选择。在未来，随着小程序的普及和Flutter技术的不断发展，相信Flutter合小程序技术将会越来越成熟，可以为用户提供更加优秀的小程序体验，也能够为开发者和企业提供更高效、更灵活的小程序开发方案。
微信小程序固定view容器的宽度
06-06
要在微信小程序中固定一个view容器的宽度，你可以使用一个固定宽度的CSS样式。具体来说，你可以使用`width`属性设置该容器的宽度，例如： ```css .container { width: 500rpx; } ``` 在上面的示例中，`.container...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值