摘要: <a-form-model-item label="金额(元)" > <a-input type="number" v-model="amount" placeholder="请输入" @input="inputAmount(amount)"/> </a-form-model-item> <a-fo 阅读全文
posted @ 2021-12-02 17:17 小兔儿_乖乖 阅读(585) 评论(0) 推荐(0)
摘要: template的代码: //搜索框 <el-input placeholder="请输入..." v-model="keyword" ></el-input> <button @click="search">搜索</button> //内容 <div v-for=(item,index) in l 阅读全文
posted @ 2021-10-11 10:38 小兔儿_乖乖 阅读(1132) 评论(0) 推荐(0)
摘要: 父子组件通信 类似于列表多个页面都会用到,我们就封装起来 先创建个components文件夹,在文件夹中创建一个vue文件,我这里叫 lists.vue <template> <view class="index_list" > <view class="list" v-for="(item, in 阅读全文
posted @ 2021-09-23 15:24 小兔儿_乖乖 阅读(750) 评论(0) 推荐(0)
摘要: 官网链接 现在uniapp的多端开发深受前端选手喜爱,那么我们先看看和Vue相比幽什么独特之处吧 ①uniapp使用小程序的标签,vue使用web端的标签;除此之外,还新增了一批手机端常用的新组件。uniapp的api是参考小程序的,因而与浏览器端的api有所不同。uni不支持vue-router, 阅读全文
posted @ 2021-09-18 10:17 小兔儿_乖乖 阅读(211) 评论(0) 推荐(0)
摘要: 效果: template: <div style="background: #0d5593; height: 900px"> <ul class="menu"> <li class="menu-cell" @click="test('11111')"> <img class="menu-cell__ 阅读全文
posted @ 2021-06-09 17:20 小兔儿_乖乖 阅读(98) 评论(0) 推荐(0)
摘要: div: <div class="module_box"> <div class="box"> <i><span></span></i> </div> </div> css: .module_box { height: 400px; display: flex; } .box { position: 阅读全文
posted @ 2021-06-09 17:16 小兔儿_乖乖 阅读(76) 评论(0) 推荐(0)
摘要: router/index.js【路由添加meta属性,title表示标题,showTab表示是否显示底部导航】 { path: '/index', name: 'Index', component: Index, meta: { title: '首页', showTab: true //tabbar 阅读全文
posted @ 2021-06-09 15:27 小兔儿_乖乖 阅读(182) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态粒子效果</title> <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></sc 阅读全文
posted @ 2021-06-08 18:16 小兔儿_乖乖 阅读(114) 评论(0) 推荐(0)
摘要: div: <div class="xz"> <!-- 外层最大容器 --> <div class="wrap"> <!--包裹所有元素的容器--> <div class="cube"> <!--前面图片 --> <div class="out_front"> <img src="../assets/ 阅读全文
posted @ 2021-06-08 17:35 小兔儿_乖乖 阅读(63) 评论(0) 推荐(0)
摘要: vue: <main> <h1 class="txt">live on.</h1> <h1 class="txt2"></h1> <h1 class="txt3"></h1> </main> style: main { position: relative; overflow: hidden; } 阅读全文
posted @ 2021-06-08 15:12 小兔儿_乖乖 阅读(348) 评论(0) 推荐(0)