一、前言 在使用 uni-app 框架时，可能里面的内置组件和扩展组件都不是我们想要的，或者不能满足我们的需求，这时就必须得创建自定义组件了，在低版本的 HbuilderX 中所有的组件或插件都是直接放在 components 目录中的，创建自定义组件时直接在这个目录创建就行，引用的时候也是直接引用（easycom 规范），但是在 HbuilderX 高版本中你可能看不到 components
转载
2023-10-21 14:34:32
178阅读
index.vue <template> <view> <btn color="red" background-color="skyblue" @change="change">点击我啊</btn> </view> </template> <script> // 是@/，不要漏了斜杠/ import
转载
2021-02-13 20:49:00
311阅读
2评论
在我眼里自定义导航分2类: 原生基础上 || 非原生基础上 总结:项目当中能原生就原生,提高性能区别uni-app 自带原生导航栏，在pages.json里配置。
原生导航的体验更好，渲染新页面时，原生导航栏的渲染无需等待新页面dom加载，可以在新页面进入动画开始时就渲染。
原生导航还可以避免滚动条通顶，并方便的控制原生下拉刷新。
通过pages.json的配置，可以简单的、跨端的、高性能的开发
转载
2023-11-27 06:15:06
219阅读
本文使用uni-app的原生导航栏和自定义导航栏两种方式，实现了一个简单的二级搜索页面功能， 大体上演示了uni-app的导航栏开发两种方式的区别。需求一级搜索页输入关键词并点击搜索，将进入二级搜索页面并展示搜索结果。二级搜索页顶部导航不可输入，点击后返回一级搜索页使用nvue渲染，所以文件格式都为nvue
UI方案效果预览自定义导航栏uni-app支持关闭原生导航栏+前端标签组件模拟导航栏进行开
转载
2023-11-21 09:54:16
173阅读
目录0x00 创建uni-app0x01 目录结构0x02 项目配置0x03 页面配置0x04 常用基础组件0x05 生命周期0x06 uni-app路由0x07 uni-app 语法0x08 uni-app 布局与样式0x09 uni-app 基础api0x0A uni-app 自定义组件0x00 创建uni-app命令行创建：（CLI)vue create -p dcloudio/uni-pr
转载
2024-06-25 13:07:53
80阅读
1. 完整代码：<template>
<view class="content">
<view class="base_all_center " style="width: 90vw; height: 90vw; border-radius: 5px;z-index: 10; background-image: url(../../static/i
转载
2024-08-19 01:30:11
83阅读
前言经过上个章节的介绍，大家可以了解到 uni-app-网络请求的基本使用方法那本章节来给大家介绍一下 uni-app-自定义组件
原创
2024-01-05 10:38:21
249阅读
大家好，我是兔兔，今天来给大家分享关于图鸟UI中tabbar的基本用法。 看到有的同学在图鸟群中反馈，对tabbar组件如何使用，以及子父组件之间的各种事件通家分享一
原创
2024-07-01 11:43:30
634阅读
新建一个uniapp项目，并加入基础化建设1.通过vue-cli创建一个uniapp项目2.下载HBuilderX3.下载微信开发者工具4.如何开发更加便捷？1.hbuilder+微信开发者工具进行开发+[uniapp官网api](https://uniapp.dcloud.net.cn/api/)2.vscode+微信开发者工具进行开发+[uniapp官网api](https://uniapp
uni-app 怎么自定义顶部导航和底部导航，弹性布局增加数据自适应，简单易懂uni-app 怎么写组件，引用组件时怎么改变组件里的文字. . .底部效果：升级版=》可跳转的自定义底部导航1.首先弄点底部的原始数据比如首页、个人中心等文字，默认图标，点击后的图标data() {
return {
bot_is_click: [],
bot_nav: [{
src:
转载
2024-01-22 00:59:51
352阅读
本组件优势：1、使用小程序/uniapp原生page滑动，流畅度高于scroll-view组件 2、采用组件方式直接使用，只需在下拉刷新、上拉加载、加载完成时触发组件方法即可 3、包含无数据时空布局展示 4、可自定义下拉刷新、上拉加载样式 5、采用组件的双向绑定v-model 6、完美解决自定义导航后看不到下拉刷新loading的问题实际效果图 我们在page.json中开启了自定义导航栏属性和下
转载
2023-10-27 14:18:02
181阅读
Android自定义组件（一）
在原生组件上避免不了覆写、组合等，以定义自己的组件，也方便以后复用。例如之前工程里出现了多次的文件浏览器组件。
嗯~，该怎么总结呢？
转载
2023-07-29 20:18:04
133阅读
drawRect:。 UIAppearance和UIAppearanceContainer）规范了对许多UIKit控件定制的支持。所有遵循UIAppearance协议的UI控件通过定制都可以呈现各种外观。不仅如此，UIAppearance协议甚至允许开发者基于控件所属的区域指定不同的外观。也就是说，当某个控件包含在特定视图中时，可以指定它的外观（如UIBarButtonItem的tintC
转载
2024-01-14 21:28:46
76阅读
如题所示，学习Vue的自定义组件（感觉很有用的样子） 这个部分看的是这本书《vue.js前端开发技术》作用
1、减少代码冗余量，看着优雅
2、易于找到bug点，对维护的人员比较友好什么是组件组件能够扩展HTML元素，封装可重用代码 一般来说，当某一部分需要复用时，才会考虑做成组件。组件是需要将应用抽象为多个相对独立的模块自定义组件（简单版）<!DOCTYPE html>
<htm
转载
2024-05-29 13:38:10
341阅读
在现代移动应用中，轮播图是一种非常常见的展示方式，用于突出显示重要信息或促销活动。为了满足业务需求并提升开发效率，我们设计了一个名为 banner.vue 的 Vue 组件，支持图片轮播和底部导航按钮功能。<template>
<view>
<view class="diy-banner-box">
<swiper clas
# 实现uniapp自定义插件
最近，学习uniapp的小伙伴们都在探索如何实现自定义插件来丰富uniapp应用的功能。在本文中，我将教会大家如何实现uniapp自定义插件，让你的应用变得更加强大和实用。
## 整体流程
下面是实现uniapp自定义插件的整体流程，通过这些步骤，你将能够轻松地创建并使用自定义插件：
| 步骤 | 操作 |
| ---- | ---- |
| 1 | 创建u
原创
2024-04-23 18:57:21
341阅读
1. 结论：使用uni-app框架时，如何创建自定义组件？官方推荐新建符合easycom规范的组件，不推荐手动引入组件。方法：1.根目录下新建components目录，右键新建组件，然后在对应的组件名称/组件名称.vue文件里编写代码。2.根目录下新建uni_modules目录（选择uni ui项目模板，会自动生成uni_modules目录），右键新建uni_modules插件，然后在对应的com
转载
2023-12-13 21:25:01
299阅读
两种方法，一样的效果，当然是更喜欢用类的方式，也可以有更多的变化。myButton.mxml:myButtonAS.as:调用：
转载
2010-08-26 12:52:00
193阅读
