uniapp封装button导致flex不正常摆放问题记录

发表于2024-03-27|更新于2024-12-31|前端

|浏览量:

简书链接:uniapp封装button导致flex不正常摆放问题记录
文章字数：49,阅读全文大约需要1分钟

<view style="display: flex; margin-bottom: 10px;  justify-content: space-between; align-items: center; width: 100%;  flex-direction: row;">
	
	<checkbox :value="detail" activeBorderColor="#005fff" style="margin-left: 10px;"> 明细</checkbox>
	<button size="mini" style="position: absolute;right: 10px;" @click="onRefresh()">查询</button>
</view>

正常来说不需要用到position: absolute;right: 10px;就会在右边，但是实际上并不是如此，除非不用button

文章作者: 情随事迁

文章链接: https://lozn.top/2024/03/27/uniapp-%E5%B0%81%E8%A3%85button%E5%AF%BC%E8%87%B4-flex%E4%B8%8D%E6%AD%A3%E5%B8%B8%E6%91%86%E6%94%BE%E9%97%AE%E9%A2%98%E8%AE%B0%E5%BD%95/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源情迁博客！

赞助

alipay
wechat

相关推荐

f096615ddc6840e1a09b192af79570600ea5d0ef410502dfb35b57b24634c4b680cecd3327d4ebb7f1a1fbeb70b9e17b6642cf85c743b572f0b12da559c0d686c5bdec11d8d48a6a1b87e064f7c8ab5b9f2728f63d5c3614a93275e769eb0c64 文章被加密了，未被加密的文章可以访问简书查看, 或者关注微信号情迁说科技发送密码即可获得。如果依然不对说明此文章为付费文章。

ObjectdefineProperty的作用，和vue中用到的技巧

简书链接:ObjectdefineProperty的作用，和vue中用到的技巧文章字数：620,阅读全文大约需要2分钟 Object.defineProperty 是 JavaScript 中的一个方法，用于定义对象的属性。它可以用来添加、修改或定义对象的属性特性，例如设置属性的值、可枚举性、可写性和可配置性等。在 Vue 中，Object.defineProperty 有时候用于实现一些高级的属性监测和响应式机制。Vue.js 使用了这个方法来实现其响应式数据绑定系统。Vue 的响应式系统通过劫持对象的属性访问，从而在属性被访问或修改时触发特定的行为，例如更新视图。以下是一些在 Vue 中使用 Object.defineProperty 的技巧：实现响应式数据绑定： Vue 使用 Object.defineProperty 来劫持数据对象的属性访问，以便在属性值变化时触发视图更新。这样，你可以通过简单地修改数据属性来更新视图，而无需手动操作 DOM。计算属性： Vue 中的计算属性也可以使用 Object.defineProperty 来实现。通过定义一个计算属性的...

Vite安装TailwindCSS入坑笔记

简书链接:Vite安装TailwindCSS入坑笔记文章字数：147,阅读全文大约需要1分钟参考文档 https://www.tailwindcss.cn/docs/installationhttps://tailwindcss.com/docs/guides/vite#vue 12345npm create vite@latestcnpm itailwindcss framework use vue npm install -D tailwindcss postcss autoprefixer 执行下面命令自动创建配置文件 1npx tailwindcss init -p tailwind.config.js 需要修改content部分， 1234567891011121314/** @type {import('tailwindcss').Config} */export default { content: [ "./index.html", ...

原创fabricjs通过代码移动视图的办法

简书链接:原创fabricjs通过代码移动视图的办法文章字数：182,阅读全文大约需要1分钟通过调试推算出，要解决代码移动之后还能拖拽问题，这些上下左右的坐标全部要修改。 https://github.com/fabricjs/fabric.js/issues/5248 123456789101112131415currentView.oCoords.bl.x = currentView.left; currentView.oCoords.tl.x = currentView.left; currentView.oCoords.br.x = currentView.left + currentView.width; currentView.oCoords.tr.x = currentView.left + currentView.width; currentView.oCoords.tl.y = currentView.top; currentView.oCoords.tr.y = currentView.top; ...

原创技巧threejs不用后期实现给它材质基于原有基础变色

canvas绘制遮罩一个圆环切刻度透明

评论