实习遇到的问题——关于小程序 scroll-view 超出一屏距离时边框和背景色不显示的问题

uniapp为page设置背景色不生效 & lang=“scss“ scoped的page样式失效,uniapp重复打开页面 page选择器在小程序和app编译中是页面的父节点,所以加上scoped限定后,会导致无法选中。详细了解请移步源码。二、uniapp生成的app启动时,多个请求都因为未登录,转至登录页面,使其多次打开。解决办法就是给 page 选择器,单独设置一个 style,去掉scoped就行。在用uniapp生成网页和H5时有效,但生成小程序或者app时无效。一、lang="scss" scoped中的page选择器的样式失效。这是因为函数异步执行,和跳转后没有关闭上一页面导致的。 阅读详情

首先看问题

在这里插入图片描述

一个这种的布局(如下图)
红色的框代表;scroll-view 滑动区域
黑色的代表周几的循环区域
黄色的代表周几当日的课程
在这里插入图片描述
这是一个类似于表格的课表,但是没有竖的边框线,于是我打算手写,红色圈圈中的是要显示的边框 如图(有点小需要放大仔细看),因为css不是很熟可能样式有点混乱 因为我的边框是根据有多少课 显示到哪里 ,所以我把边框加在了也就是黑色的区域(view)上

代码如下

		<scroll-view scroll-x style="width: 87%; height: 1176rpx;"  class="filter-h">
			<view wx:for="{{classList}}" wx:key="*this" style="box-sizing: border-box;background-color:  #ffffff ;height: 168rpx; padding: 1rpx 0rpx 0rpx 0rpx;border-bottom: 1px solid #E6E6E6;{{index==0?'border-top:1px solid #E6E6E6 ':''}} ">
			<!-- class="filter-item" -->
				<view class="filter-item" wx:for="{{item.lesson}}" wx:for-item="items"  wx:for-index="idx"  style="box-sizing: border-box; height: {{index==0?'162rpx':'164rpx'}};  margin-right: 2rpx; width: 120rpx; padding: 14rpx 10rpx 8rpx 10rpx;background-color: {{items.back}};  border: {{items.border}} 1px solid; border-top: solid 6rpx {{items.ToPbodercolor}};" bindtap="entclass" data-lesson_uuid='{{items.lesson_uuid}}'>
					<view style="color: #333333; white-space: pre-line; height: 60rpx; width: 100%;font-weight: 600; " class="FS-10 ellipsis_2">{{items.name}}</view>
					<view class="FS-10 ellipsis" style="margin-top:20rpx; color: #666666;line-height: 26rpx">{{items.date_text}}</view>
					<view class="FS-10 ellipsis" style="color: #666666;line-height: 26rpx;">{{items.teacher_name?items.teacher_name:'暂无数据'}}</view>
				</view>
			</view>
			<!-- "../course/hour?class_status=未开课&uuid={{next_lesson.uuid}}&type={{type}}" -->
		</scroll-view>

filter-h和 filter-item样式如下
在这里插入图片描述
**

第一种解决方法:

因为我也找不到原因 于是去问了问同学,得到的回答是因为子元素超过了父元素的范围,也就是课程超过了周几,不能是子元素撑起来的宽度,width: 100%; width: auto;也是不能用的(在我这是不生效的)所以我手动设置了一下课程所在的父元素的宽度,我计算的宽度是大概计算了一下,不是很好,如下图
在这里插入图片描述

在这里插入图片描述

第二种解决方法

display:inline-flex;将对象作为内联块级弹性伸缩盒显示

图一:
在这里插入图片描述
图二:
在这里插入图片描述

在这里插入图片描述

最后如果有老哥知道正确的解释,欢迎交流

微信小程序图片自适应占满容器:4种CSS+JS方案详解 在前端开发中,图片自适应布局是响应式设计的核心挑战之一,尤其在移动端场景下。其原理在于通过CSS盒模型、定位机制与图片自身的宽高比特性,实现容器与内容的动态适配。这项技术的核心价值在于提升用户体验,确保图片在不同屏幕尺寸下都能完美展示,避免拉伸变形或布局错乱。在微信小程序开发中,由于渲染机制与Web的差异,图片自适应问题尤为突出。本文聚焦于解决小程序中图片“占满高度”这一高频痛点,深入剖析了包括利用`aspect-ratio`属性、经典的`padding-top`百分比技巧、结合JavaScript的动态计 阅读详情

相关推荐

uni-app微信小程序登录页UI设计:从渐变背景到交互优化的全流程实践

在移动应用开发中,前端UI设计与用户体验优化是提升产品竞争力的关键环节。其核心原理在于通过合理的视觉层次、流畅的交互反馈与稳定的性能表现,构建直观高效的用户界面。对于跨平台开发场景,uni-app框架凭借其“一套代码多端运行”的能力,成为高效开发的重要技术选择。结合微信小程序平台特性,开发者需在遵循其设计规范的同时,解决键盘适配、表单验证、多登录方式集成等具体工程问题。本文聚焦于登录页这一高频场景,详细阐述了如何运用CSS3渐变、毛玻璃效果、动态样式绑定等前端技术,打造一个兼具美观与实用性的登录界面,并深入

weixin_30600197的博客 635

010-Android开发解决控件超出屏幕,不能正常显示的问题

可使用控件ScrollView来做下翻滚动条,但是ScrollView内部只能包含一个控件(可在其内部添加一个layout布局,在布局内部再添加内容) <ScrollView android:layout_width="409dp" android:layout_height="wrap_content" android:layou...

qq_37515374的博客 179

uni-app小程序页面局部截图:从原理到高清实现完整指南

在前端开发中,Canvas绘图是实现动态图像生成的核心技术,其原理是通过JavaScript API在画布上绘制图形、文本和图像。这项技术对于需要动态生成可视化内容、海报或凭证的应用场景具有重要价值,尤其在移动端H5和小程序开发中应用广泛。然而,在小程序环境中,由于沙箱限制无法直接操作DOM,实现页面指定区域的精准截图成为技术难点。开发者需要将目标节点的布局和样式信息,通过Canvas API手动“复刻”到离屏画布上,这一过程涉及节点测量、坐标转换和高清渲染等多个关键环节。本文聚焦于uni-app框架,深入

congdi7904的博客 427

html滚动背景色没了,css背景颜色不显示怎么解决

css背景颜色不显示怎么解决div css新手布局会遇到布局的背景颜色无法显示,一般布局背景无法显示通常原因如下:1、由使用float浮动造成浮动产生无法显示css背景颜色2、高度不够而产生背景无法显示接下来我们分别介绍无法显示背景颜色或图片的原因和解决方法。一、css float浮动产生浮动无法显示背景样式颜色假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮...

weixin_39689819的博客 2611

小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法

小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法

ONFI5.0命令字实战指南:从基础操作到高级应用

本文深入解析ONFI5.0协议的核心——命令字,提供从基础操作到高级应用的实战指南。详细拆解了NAND闪存的复位、读状态、数据读取(00-30)、页编程(80-10)和块擦除(60-D0)等关键命令周期,并探讨了多平面操作与缓存操作等高级性能优化技巧,帮助开发者高效、稳定地与NAND芯片进行底层交互。

vscode5coder的博客 463

微信小程序(基础-配置文件-样式和组件)

本文总结了微信小程序开发的核心知识点,主要包括: 项目结构特点:主体文件(app.js/json/wxss)和页面文件组成,强调无需安装卸载的特性。 配置文件详解: app.json全局配置(pages/window/tabBar) 页面级局部配置 project.config.json项目配置 sitemap.json搜索索引配置 样式与组件: 使用rpx单位实现响应式布局 核心组件(view/swiper/image/text)的使用方法 navigator组件的多种跳转模式及页面栈管理 开发注意事项:

2501_93485775的博客 254

告别密码本!用Windows NPS给华为/华三交换机做Radius认证,SSH登录更安全

本文详细介绍了如何利用Windows NPS实现华为/华三交换机的Radius认证,提升SSH登录安全性。通过集中化管理、精细化控制和完整审计追踪,企业可告别传统密码本,大幅提升网络设备管理效率。文章包含NPS服务部署指南、交换机配置详解及调试技巧,助力企业构建安全高效的统一认证体系。

weixin_42549723的博客 419

小程序标签

wxs(WeiXin Script)是小程序独有的一套脚本语言,结合wxml,可以构建出页面的结构。注意:··模板字符串。

weixin_52113974的博客 542

ffmpeg中av_read_frame阻塞的原因与解决方案

最近用到ffmpeg,想要av_read_frame立即返回,但是看网上的博客,都没有详细的解说,那就自己看源码。 两种方法: 设置回调打断函数和设置超时 超时,但是如果只设置该参数,依然会在av_read_frame中阻塞, av_dict_set(&inputDic, "stimeout", "2*1000*1000", 0); // milliseconds //打断回调 m_avformatCtx->interrupt_callback.callback = interru

weixin_43360707的博客 1万+

DeepSeek+Cline:开启自动化编程新纪元

随着 AI 技术不断进步,编程领域迎来效率变革。DeepSeek 与 Cline 的结合,成为自动化编程的强大工具。DeepSeek 凭借先进的自然语言处理能力,能精准理解编程需求;Cline 作为 VSCode 插件,可实现代码生成、调试、注释等功能的无缝衔接。本文详细阐述二者安装配置、实战操作流程,涵盖从基础代码生成到复杂项目开发的应用技巧,同时解答常见问题,帮助开发者快速掌握这对 “智能搭档”,提升编程效率,解锁自动化编程的无限可能。

邓邓子的博客 6254

微信小程序基础(一) 文件结构&配置项

微信小程序入门笔记,本篇包含项目结构,基础语法,配置项等。

白瑕 的博客 1045

SoulX-FlashHead 加速实践,提升3倍。

SoulX-FlashHead 加速实践,提升3倍。

jacke121的专栏 224

web前端常用知识点杂记(不定时更新)

CSS样式穿透、设置最高优先级、首行缩进、删除线、文本溢出可滚动、设置背景图、边框渐变、背景渐变、文字渐变、禁用原生input、button边框、设置input光标颜色、设置透明度、伪类选择器、鼠标样式、HTML、CSS特效、滚动条样式;浏览器窗口大小、监听浏览器窗口变动、双击实现浏览器全屏或者退出全屏、JS生成随机ID、时间处理-Date() 对象、??与||、正则表达式校验手机号、随机数、eval函数、数组去重、JS常用数组、对象、字符串方法及使用示例、Vue相关知识、uniApp相关知识,内容持续更新

廖若星辰-LTY 1662

芒果YOLOv8改进160:姿态估计Head篇:即插即用|轻量化非对称多级压缩LOADH旋转检测头,原创改进适配YOLOv8高效检测头,检测头新颖改进,全网首发独一份

芒果YOLOv8改进159:OBB旋转检测头Head篇:即插即用|轻量化非对称多级压缩LOADH旋转检测头,原创改进适配YOLOv8高效检测头,检测头新颖改进,全网首发独一份

包括YOLOv5、YOLOv7、YOLOv8等模型改进 812

【RT-DETR有效改进】全新的SOATA轻量化下采样操作ADown(轻量又涨点,附手撕结构图)

本文给大家带来的改进机制是利用2024/02/21号最新发布的YOLOv9其中提出的ADown模块来改进我们的Conv模块,其中YOLOv9针对于这个模块并没有介绍,只是在其项目文件中用到了,我将其整理出来用于我们的YOLOv8的项目,经过实验我发现该卷积模块(作为下采样模块)首先可以大幅度降低参数值,其次其精度上也有很高的提升,同时本文的内容目前网络上并无其它人总结(也是最新发布的,可以说BUff是集满了)大家可以尝试以下在自己数据集上的效果。

Snu77的博客 4773

小程序前端页面(总结)

带.的是类选择器&lt;view class="page-section-gap" /&gt; .page-section-gap{ box-sizing: border-box;  //指定边框的宽高  padding: 0 30rpx;        //每边的填充边距,上下为0,左右为30 padding-left: 30rpx;     //右边填充多少 padding-right: 3...

每文的博客 5797

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain&#39;s apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath(&#39;DeepLearnToolbox&#39;));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand(&#39;state&#39;,0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W&#39;); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand(&#39;state&#39;,0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = &#39;sigm&#39;;%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, &#39;Too big error&#39;);```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand(&#39;state&#39;,0)sae = saesetup([784 100]);sae.ae{1}.activation_function = &#39;sigm&#39;;sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)&#39;)% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;;nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, &#39;Too big error&#39;);```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x&#39;,28,28,60000))/255;test_x = double(reshape(test_x&#39;,28,28,10000))/255;train_y = double(train_y&#39;);test_y = double(test_y&#39;);%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you&#39;ll get around 1.2% errorrand(&#39;state&#39;,0)cnn.layers = { struct(&#39;type&#39;, &#39;i&#39;) %input layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 6, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %sub sampling layer struct(&#39;type&#39;, &#39;c&#39;, &#39;outputmaps&#39;, 12, &#39;kernelsize&#39;, 5) %convolution layer struct(&#39;type&#39;, &#39;s&#39;, &#39;scale&#39;, 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, &#39;Too big error&#39;);```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, &#39;Too big error&#39;);%% ex2 neural net with L2 weight decayrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex3 neural net with dropoutrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex4 neural net with sigmoid activation functionrand(&#39;state&#39;,0)nn = nnsetup([784 100 10]);nn.activation_function = &#39;sigm&#39;; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex5 plotting functionalityrand(&#39;state&#39;,0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = &#39;softmax&#39;; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand(&#39;state&#39;,0)nn = nnsetup([784 20 10]); nn.output = &#39;softmax&#39;; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, &#39;Too big error&#39;);```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

Uni-APP标签

Uni-APP Uni-app是一个跨平台的开发框架,学会Uni-APP之后可以跨发除iOS,Android,h5,以及各种小程序的应用,不需要再去学习其他应用的框架 uni-app常用开发软件 对uni-app比较友好的软件 微信开发者工具 下载微信小程序的使用工具 创建项目 打开hbuilderx 创建项目选择uni-app选项 创建好一个项目后点击运行到谷歌 运行在微信小程序的时候需要先配置路径 并且在设置中打开端口号才行 这样环境都配完之后就可以运行了 目录文件 pages 存放所有

小菜鸟的博客 8756

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

Devexpress16.2.6破解工具

Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具Devexpress16.2.6破解工具

微信小程序高级交互:page-container弹窗与share-element转场动画实战

在移动应用开发中,流畅的页面过渡与自然的模态交互是提升用户体验的关键技术。其原理在于通过系统级的动画插值与组件化容器,管理视图层的渲染与切换过程,从而创造无缝的视觉连续性。这项技术的核心价值在于,它能将生硬的界面跳转转化为引导用户注意力的叙事流,显著增强应用的沉浸感与专业度。在微信小程序生态中,这具体体现为两个高级特性:page-container组件与share-element动画。page-container通过提供独立的页面级容器,彻底解决了传统弹窗的滚动穿透、安全区适配等痛点,适用于复杂表单、筛选面

aodiyi6351的博客 396

精雕软件(JDpaint) 5.5 绿色版

精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版精雕软件(JDpaint) 5.5 绿色版

小程序:300知识点/速查手册/微信原生小程序入门→中级→高级 + UniApp 跨端全栈

本文是一份小程序开发速查手册,涵盖从入门到高级的200个核心知识点。内容分为11大模块:基础架构、模板语法、样式规范、配置文件、生命周期、组件化开发、路由通信、原生API、分包工程化、性能优化及实战案例。重点解析小程序双线程架构、WXML/WXSS特性、组件化方案、setData机制、分包策略等核心技术,并提供性能优化技巧、安全规范和常见坑点解决方案。手册采用知识点编号形式,便于快速定位,适合开发者系统学习或日常查阅,帮助掌握小程序全栈开发能力。

snow的博客 527

HarmonyOS ArkTS API 24的宠物训练 APP 深度架构通过 Object.keys(TAB_CONFIG) 动态遍历生成导航项,减少了重复代码,提高了代码的可维护性

在移动互联网与智能穿戴设备高度普及的今天,"习惯养成"已经从一个模糊的自我管理理念,演变为一个可量化、可追踪、可视化的数字化产品赛道。越来越多的人希望借助手中的智能终端,把"早起、冥想、阅读、运动"这些抽象的自律行为,转化为一条条清晰的数据曲线和一张张可触摸的打卡卡片。而鸿蒙生态(HarmonyOS)凭借其跨设备协同、分布式软总线以及声明式 UI 开发框架 ArkUI,为这类注重"轻量化交互 + 即时反馈"的生活方式类应用提供了极为理想的生长土壤。本应用正是一款面向"晨间场景"深度打磨的习惯追踪工具。它聚焦

2401_86031952的博客 130

微信小程序scroll-view隐藏滚动条

微信小程序使用scroll-view,会有黑色边框,如下图所示 加上如下代码可以去掉 ::-webkit-scrollbar { width: 0; height: 0; color: transparent; }

码路 454

【微信小程序】要在两个<view>之间绘制一条分割线,使用border属性和样式

类中的样式,可以更改分割线的宽度、高度、颜色等。请根据实际需要进行调整。属性以及适当的样式设置。属性,使内容自动填充剩余空间,并居中对齐。类设置了分割线的宽度、高度和背景颜色。标签作为容器,内部包含两个内容。属性,使内容和分割线水平排列。之间绘制一条分割线,可以使用。在上述代码中,使用了一个。

资深全栈开发工程师 4546

小程序系列之3框架(view&border)

                                               小程序框架第一:框架简介       小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。       框架提供了自己的视图层描述语言 WXML 和 WXSS,以及基于 JavaScript 的逻辑层框架,并在视图层与逻辑层间提供了数据传输和事件系统,可以...

实干兴邦 1万+
上一篇: 5.21笔记
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值