yxmwjy的博客

原创 css文本省略

css文本省略display: -webkit-box;//设置为弹性盒子overflow: hidden;//超出部分隐藏-webkit-box-orient: vertical;//从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）-webkit-line-clamp: 1;//需要显示多少行text-overflow:ellipsis;//超出显示为省略号white-space: nowrap; // 溢出不换行欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdo

原创 小程序多属性选择

效果图wxml代码<view class='wraps'> <view class='wrap' wx:for="{{options}}" wx:for-index="indexs" wx:for-item="oname"> <view class='name'>{{oname.name}}</view> <view...

原创 slider滑块组件

效果图现在小程序的根目录下新建一个组件目录，并创建一个组件wxml代码<!--components/Slider/Slider.wxml--><view class='progress-root-container'> <text class='text' style='color:{{color}};font-size:{{titlesize}};fo...

原创 微信小程序将域名设置到后台的步骤（报错信息： https://api.zbztb.cn 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.

微信小程序将域名设置到后台的步骤（报错信息： https://api.zbztb.cn 不在以下 request 合法域名列表中，请参考文档：https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html）1、进入微信开放文档 ==>点击介绍2、点击mp.weixin.qq.com3、登...

原创 微信小程序省市县三级联动选择的实现

微信小程序省市县三级联动选择的实现wxml 代码<view class="area_section"> <view class="section__title">选择地址</view> <picker mode="region" bindchange="bindRegionChange" value="{{detaile...

原创 伸缩盒

适用于响应式布局的伸缩盒，适用于手机端网页，不论屏幕大小，都能显示出所有内容。作用：使得子元素在父元素中分列显示，与float的作用类似。一般用于响应式布局（手机app中）2) 用法1. 父元素在主轴上一定要有一个固定的宽/高2. 子元素在交叉轴上默认宽/高占满父元素如果主轴为x轴，那么资源的默认高度占满父元素如果主轴为y轴，那么资源的默认宽度占满父元素3. <ul&...

原创 梦幻西游动画

最近学习了用css写动画，写了一个梦幻西游的动画HTML代码` 梦幻西游 `CSS代码*{margin: 0;padding: 0;list-style: none;}.peopl...

原创 HTML制作课表和个人简历（属性rowspan：合并列 属性colspan：合并行）

制作个人简历和课表，主要用到的是表格标签，标签下又有、(不能省缺)、这些无意义标签；用来写表头，用来写表体，用来写表底。1、首先先搭好框架(这里以课表为例，因为两个表用到的属性大同小异，所以，就先以课表为例)，课表有八行九列，因为表头的星期要占一行，所以我们把第一行写在里，并且给表格设置边框，宽度，代码如下，`、 课表 `！ 课表 星期一...

原创 HTML思维导图

原创 使用Axure制作鲁大师优化页面

这是实训以来做的第一个小组团队项目，我们小组做的是鲁大师测评软件APP，因为是团队协作，所以我负责的版块是鲁大师的优化页面以及其子页面的制作。![鲁大师优化页面要实现的功能有智能降温（智能降温下有手机降温设置），内存加速，硬件清理，游戏加速，电池监测，清理兰通知。](https://img-blog.csdnimg.cn/20190729101428784.png?x-oss-process=im...