自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(7)
  • 资源 (1)
  • 收藏
  • 关注

原创 v-bind指令与class类和style的内联样式的绑定

当然我们如果这样的话就也只能调用一张图片,那么我们就需要用到我们之前定义的变量名并且还有定义另一个变量来保证我们图片下标位置的切换,然后在定时器里面将我们要轮播的图片的路径给到我们另一个变量,在上面调用的还是我们之前的变量名。这个时候我们发现我们的图片又正常的显示出来了,所以v-bind是可以让我们的变量在属性中起到作用的,当然我们的v-bind也可以缩写成 " : " 它们的效果是一致的。这个时候就需要用到我们的v-bind指令了,这个指令可以让我们的变量转换成这个属性所接受的。'类名':' ' "

2024-08-26 14:27:01 591

原创 Vue的模板语法和插入表达式以及ref的响应和数据变量

可以明显看的我们两a的区别,没有使用{{}}的a就是单纯的a,而我们使用了{{}}括起来的a却是我们下面设置的变量内容也就是所我可以使用{{}} 来实现调用我们在下面script设置的变量,如果你没有效果的话或者说下面那个a显示的是空就是没有任何东西,应该是你没有给script设置setup属性。我们只有控制台会输出我们的改变的值,而页面却没有任何的改变,这个时候可以使用我们的ref,在使用之前需要定义我们的ref然后使用。我的ref使用不仅仅可以定义我们的数字也可以定义字符、数字、对象等等。

2024-08-25 19:47:12 268

原创 uni-app的超链接nvaigator组件和常用的表单组件

我们先创建出几个项目比如deom1和demo2至少得有两页面,否则跳转也是没有什么作用然后我们在其中一个页面加入一个view组件并输入段文字让后运行,现在点击你输入的文字是不会跳转的,因为还没有使用我们的跳转组件,在我们的view组件内新套入一个。还有其他的输入类型可以去uni-app官网查看来选择自己需要的类型不同的类型会有不同的效果,选择之前要好好的阅读一旁的说明。在我们去游览一些网页的时候,会发现在我们点击网页里的某张图片或者按钮时会跳转到另一个页面去,这个就是我们的超链接。

2024-08-24 11:37:29 822

原创 关于view的一些了解和uni-app组件的用法

view是我们常用的组件,其用法类似于我们的div标签我们可以从官网上来了解view的更加详细的内容uni-app官网 (dcloud.net.cn)找到在内置组件 — 视图容器下的view点开可以看到view的一些属性及其用法在我们创建一个view时,只需打出view并按一下Tab键即可补全,如果要添加class时只需先打出view在用号打出我们的class类名再按一下Tab即可自动补全我们的标签和类名在我们下面的style标签内引出我们的上面的class类名,然后对其进行赋予页面属性。

2024-08-23 20:07:05 884

原创 uni-app的一些页面布局及其class的应用

在的 "navigationBarTitleText" : "你设置的标题",你对引号进行的修改会同步到你的页面标题上。当我们创建好了之后可以在项目中看到多出了一个,demo文件及目录,如果没有目录则是没有选上,创建同级目录这个选项。这里看到已经创建了一个view标签,并在其下方也创建了两子元素view,且都给予了class。如果说你不小心又创建了一个相同的页面,或者是相同的地址,显示不能不能运行,只需要。之后在页面上可以看的在style内部设置的页面属性效果了。在我们运行页面后上方的地址栏有一段地址。

2024-08-21 22:56:43 254

原创 uniapp Vue3的创建和微信小程序的安装与应用

在你创建好了一个uniapp项目后可以在其子目录pages的index目录下可以找打系统给我们的基础index.vue页面,这个也是我们的基础页面。如果你在一个view标签外的地方创建一个view是,其内容会在上一个view的上面或者下面,反正不是同一级的。与先前的测试结果时一样的,只是在比较多的页面内容是,先前的表示结果效果不会太好。保存你的修改,并且旁边的区域会同步你的修改结果,可以让你知道自己的修改结果。点击运行,你可以选择你需要的游览器,建议选择只带,如果没有可以下载。

2024-08-21 00:15:02 309

原创 创建uni-app项目

将全局模块插件存放路径替换成你所指定的路径:npm config set prefix"你要存放的路径+\nodejs"修改缓存路径:npm config set prefix"你要存放的路径+\nodejs\node_cache。首先在你的计算机中创建一个nodejs的文件,建议在D盘内。不清楚的可以和上图来找到自己所需要的文件或者目录。点进去选择你的系统比如:Windows系统。创建后的有较多的文件和目录。之后点击左上角的文件图标。只选择右下角的v3选项。点开之后选择项目选项。选择好了之后创建即可。

2024-08-19 22:06:56 258

创建uni-app项目

创建uni-app项目

2024-08-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除