smallwhite_paper的博客

原创 【vue+elementui】el-radio单选框默认选中以及v-model绑定值问题

示例效果图：解决方案： 后端返回的字段为“true"涉及知识：radio 单选框 还是没有选中后台返回的默认值，原因在于，上面 lable=“true” 这种写法数据是固定的，但是需要的是后台返回的动态数据，所以需要用到 v-bind，即 :lable=“true”。此时的：lable=“后端返回的值” <el-form-item label="会员设置:" prop="isNeedMember"> <el-radio v-model="dataForm.i

原创 响应式布局

原创 PC后台管理（ 基于图形化界面自动安装教程）

基于vsode开发的一套后台管理技术选项一.项目初始化1.1前端项目初始化步骤1.2后台管理的环境安装安装配置1.3登录和退出的功能二级目录三级目录技术选项前端：Vue 、Vue-router 、Element-UI 、 Axios 、Echarts后端：Node.js 、 Express 、Jwt（状态保持）、Mysql（后台数据库） 、 Sequelize（操作数据库的框架）一.项目初始化1.1前端项目初始化步骤1.1.1检查版本 vue -V如果低于该版本3.0.0，先卸载低版本卸

原创 移动端布局

移动端布局可分为两种单独制作移动端页面全局样式流式布局（百分比布局）Flex布局（弹性布局布局）Less+rem+媒体查询布局单独制作移动端页面二级目录三级目录单独制作移动端页面全局样式 1.移动端推荐使用：normalize.css（全局样式） 下载地址：https://necolas.github.io/normalize.css/ 2.除此之外在添加三个属性： a./*在移动端浏览器默认的外观在ios上加上这个属性才能给按钮和输入框自定义属性*/

原创 Table表格的属性和表格里面的滚动条

一.下面展示一些 内联代码片。<div> <div class="table-head"> <table> <thead> <tr> <th>姓名</th> <th>小区</th> &lt

原创 Vue脚手架的安装应用

1.VScode：网页搜索之后然后下载user installer 64.bit2.下载node网址：https://www.runoob.com/nodejs/nodejs-install-setup.html测试：node -v3.下载git网址：https://www.cnblogs.com/xueweisuoyong/p/11914045.html测试：git-v4.安装Vue-cli（vue脚手架）Vue-cli（vue脚手架）node -vnpm -v安装淘宝镜像：npm

原创 原生的input中checkbox的css前面按钮样式改变

html中<div class="CheckBox"> <input name="Fruit" type="checkbox" value="" />&nbsp;&nbsp;本人已阅读并同意《xxxxx协议》，确认开通。</div>css中//确认开通等字的样式设置.CheckBox{ width: 2.85rem; margin: auto; margin-top: 0.23rem; h

原创 下拉刷新上拉加载中

在js中（data）中定义 data: { page: 1, pagefinish: 0 },在js中（页面相关事件处理函数–监听用户下拉动作）中写onPullDownRefresh: function () { var that = this wx.showNavigationBarLoading() // 在标题栏中显示加载 this.setData({ page: 1 }) this.getList(); //模

原创 顶部导航栏（选项卡）

解释的地方1.data-idx=”{{index}}"表示默认数组的当前项的下标变量名默认为index，数组当前项的变量名默认为item。2.class="item {{currentTab==index ? ‘active’ : ‘’}}“这个没大看懂，有知道的人请帮忙说明下，感谢~3.wx:key=“unique”——如果列表中项目的位置会动态改变或者有新的项目添加到列表中，并且希望列表中的项目保持自己的特征和状态，当数据改变触发渲染层重新渲染的时候，会校正带有 key 的组件，框架会确保他们被重

原创 横向滑动（scroll-view）嵌套for循环

2设置横向滑动要点（1）设置横向滑动 scroll-x=”true”。（2）scroll-view设置宽度及white-space属性。（3）item设置display: inline-block属性。xml布局<view class="container"> // scroll-x=”true设置横向滑动 //scroll-view设置宽度 <scroll-view scroll-x="true"> <view class="it

原创 小程序五星好评

首先您需要两张小星星的图片.wxml文件<view class="star"> <view class="star_center"> <view class="star_box"> <view class="right"> <view bindtap="starTap" data-index="{{index}}" class="star" wx:for="{{userStars}}" wx:key="in