摘要: 在写selec自定义下拉框的时候,右边的三角因为没有图片,就自己用css写了一个三角形 <div class="content"></div> .content { border: 8px solid transparent; border-top: 10px white solid; width: 阅读全文
posted @ 2020-07-13 16:44 熊大的小跟班 阅读(608) 评论(0) 推荐(0) 编辑
摘要: 根据设计需求,写了一个自定义的下拉框,主要分上下两部分 先对界面进行布局,主要是分上下两部分 子组件代码: //上半部分<div class="lay-select"> <img class="lay-img" :src="curimg" /> <label class="lay-title">{{ 阅读全文
posted @ 2020-07-13 16:28 熊大的小跟班 阅读(6298) 评论(0) 推荐(0) 编辑
摘要: 学习vue有一段时间了,然后对自己学到的知识点做一个总结。 一,常用命令: 1,vue create +项目名 创建项目 2,npm run dev 运行项目 3,npm install 安装项目依赖 4,npm run build 将项目打包 5,vue-cli vue脚手架 二,项目中的目录结构 阅读全文
posted @ 2020-07-07 13:46 熊大的小跟班 阅读(600) 评论(3) 推荐(0) 编辑
摘要: 图片设置双指放大缩小这个功能相对来说比较简单的,是用于官方文档的路径(组件->视图容器->movable-area),movable-area可以做双指放大缩小 <view class="imagecontent"> <movable-area scale-area class="movable-a 阅读全文
posted @ 2020-05-09 00:36 熊大的小跟班 阅读(10960) 评论(1) 推荐(0) 编辑
摘要: 效果图: <footbutton :style="{'color':item.color}" v-for="(item,index) in footlist" :key="index" :item="item">{{item.name}}</footbutton> footlist: [{ id: 阅读全文
posted @ 2020-05-07 10:28 熊大的小跟班 阅读(1092) 评论(0) 推荐(0) 编辑
摘要: 效果图: 首先是样式布局: <div class="ys-float-btn" :style="{'width':itemWidth+'px','height':itemHeight+'px','left':left+'px','top':top+'px'}" ref="div" @click =" 阅读全文
posted @ 2020-05-06 16:02 熊大的小跟班 阅读(6388) 评论(1) 推荐(1) 编辑
摘要: 效果图: 单选: <view class="share_choice" v-for="(item,index) in sharelist" :key="index" :item="item" > <view class="shar-item-ckb"> <uni-icons v-if="item.s 阅读全文
posted @ 2020-04-17 09:59 熊大的小跟班 阅读(6163) 评论(0) 推荐(0) 编辑
摘要: <view class="list" @longpress="logoTime" > </view> methods: { console.log("啊哈哈哈"); } 例如:我这边需要复选框是隐藏的,长按之后才显示复选框。 第一:在复选框的组件上利用v-if循环。 <view class="fil 阅读全文
posted @ 2020-04-13 09:42 熊大的小跟班 阅读(22665) 评论(0) 推荐(0) 编辑
摘要: <template> <div> <div class="indexheard"> <div class="index_type"> <label class="titlestyle">第一级</label> <div class="typediv"> <label class="typestyle 阅读全文
posted @ 2020-04-08 17:48 熊大的小跟班 阅读(353) 评论(0) 推荐(0) 编辑
摘要: Vue的两级联动,其实跟数组类似,直接上代码吧。 <template> <div> <div> <label class="titlestyle">菜单一</label> <div class="typediv"> <label class="typestyle" v-bind:class="{ u 阅读全文
posted @ 2020-04-08 17:40 熊大的小跟班 阅读(1758) 评论(0) 推荐(0) 编辑