sogi1212-CSDN博客

原创父与子页面通信【解决Blocked a frame with origin“XXX”from accessing a cross-origin frame】

子页面对象.contentwindow.postMessage()如:_this.refs.cuotiIframe.contentWindow.postMessage()window.parent.postmessage()【只有一个父】此时的window 代表子页面自己，window.parent 就是父对象，若有多个父，可通过 window.parent.parent 的方式找到实际想要发送的父页面总结通信：想要发送给谁，就要找到对象的窗口信息父-子页面通信 - GitMind...

2022-05-12 15:32:08 588 1

原创 #小程序带文字的选择项

wxml<view class='content' wx:for='{{info_list_age}}' wx:key="pindex"> <view class='info-name-mom'>{{item.name}}</view> <view class="info-value" wx:for="{{item.agelis...

2018-04-28 18:33:09 455

原创 js使用展出更多

结构代码：<div class="list-group margin-top-sm"> <p class="list-title">A B C D E F G<img src="assets/i/angle_down.png" class="icon"></p>

2018-04-10 11:01:09 180

原创去除列表右边框

特别神奇的margin：所学知识出处：https://www.cnblogs.com/jscode/archive/2012/08/28/2660078.html先写出来的是目前我遇到的问题，通过该法解决的。在用flex进行布局的时候，即使已经有了justify-content：space-between；进行布局但是在设置子项之间的间距 margin-right之后，发现所得效果已不再是spa...

2018-03-25 22:09:25 551

原创小程序图片文字列表模板

样式：wxml：<view id='guideList'> <view class='guide-detail' > <view wx:for="{{guideList}}" wx:key="{{guideList}}"> <navigator url='{{item.nav_to_item}}'> ...

2018-03-21 22:10:14 6714 1

原创小程序时间筛选

<view class="date"> <view class='pay_time'>{{payTime}}</view> <view class='time_choose'> <picker mode="date" value="{{dateBefore}}" start="2015

2018-03-21 19:05:50 1215

原创小程序文本框聚焦样式改变

实现结果：wxmL: <view class='search'> <input placeholder-class="{{status==0 ? 'placeholder':'placeholder-active'}}" placeholder='搜索科室' bindfocus="focus" bindblur='blur'></input> ...

2018-03-21 11:02:15 11321 1

原创双重循环

<view wx:for="{{text}}" wx:key="{{text}}"> <view class='text'>{{item.name}}</view> <view > <view class='section' wx:for="{{item.text_p}}" wx:ke

2018-03-20 15:42:17 351

原创《HTML5 开发精要与实例详解》所得

1.文本分析工具大纲https://gsnedders.html5.org/outliner/2.网页的语义性在HTML5 中，body 元素、blockquote 元素、fieldset 元素、td 元素、details 元素及figure 元素被称为节根(sectioning roots) 元素。这些元素的共同特征是拥有自己独立的大纲，并且这些元素内的section元素、article元素、标...

2018-03-13 08:46:52 570

原创 text-indent

1.文字缩进相对长度单位em 根据元素的不同而不同，相对的概念是在于它根据其他事物的关系来度量。若一个div 的文字大小为12px,再设置其外边距为3em,则这个外边距的值是36px;如果将文字大小改变为15px,则外边距的值就成为了45PX。汉语书写段落的首行有两个汉字缩进的习惯，相当于插入了两个汉字宽度的空格。在网页中可以通过定义CSS 样式实现两个汉字缩进，若...

2018-03-12 11:12:31 563

原创 w2-2

---------------问题：--------1.background-image插入图片作为背景与 div 中嵌套img作为背景的区别与background ：url（）；插入图片的区别？ background：url（）；与background-image：url（）；意义是等同的；前者是背景css样式集合的简写； background-image是只能看的，而<i...

2018-03-12 08:12:15 178

原创 codePen

codePen网站相关操作方法1】codePen可以添加兼容浏览器的相关代码； 1·将自己的代码贴到对应框格中。 2·在css的设置中，选择 3·然后选择 4·确定关闭后，在选择点击之后，就会发现在css代码中出现了兼容浏览器的相关代码。 ...

2018-03-10 15:57:06 2496 1

原创 w2

1.flex flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrap。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。 ·http://blog.csdn.net/u014607184/article/details/52650446 ·http://blog....

2018-03-07 08:27:35 196

原创 w1

------1.如何使li中文字保持垂直居中？貌似是height和line-height 保持一致；我尚未解决；------2.在nav中让对应的li能够直接获取到大nav的背景高？先让bigList 的display：block； smallList li项的display：inline-block；并设置width；------3.清除a标签之间的间距？...

2018-03-01 21:03:05 268

sogi1212的博客