内容正在载入中,请稍后……
公告
搜索
统计
其他
网站简介

   千万不要去批评别人的设计。因为我们并不知道是我们比别人离“道”近,还是离“道”更远...  

   我们要做的就是让别人知道自己的设计思路以及思考别人的思路,然后进行磨合。这和恋爱一样,合适的就结合,不合适就分手。在黑暗中,我们不比他人更正确!

分页: 1/220 第一页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]
11 Apr.2024

几个好看的CSS渐变色 不指定

作者: 我就是个世界   分类:技术&学习 » DIV+CSS   出处:本站原创   
Highslide JS



.box {
         width: 60%;
         margin: auto;
         background-color: rgba(204,204,204,.6);
         padding: 20px 20px;
         border-radius: 10px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
      }
      .button {
         width: 150px;
         height: 50px;
         line-height: 50px;
         border-radius: 100px;
         text-align: center;
         color: rgba(255,255,255,.7);
         box-shadow: 1px 2px 2px #666;
         margin: 10px;
      }
      .button:hover {
         opacity: .7;
      }
      .one {
         background: linear-gradient(-90deg, #29bdd9 0%, #276ace 100%);
      }
      .two {
         background: linear-gradient(to right, #ff9569 0%, #e92758 100%);
      }
      .three {
         background: linear-gradient(to right, #a1c4fd 0%, #c2e9fb 100%);
      }
      .four {
         background: linear-gradient(to right, #f6d365 0%, #fda085 100%);
      }
      .five {
         background-image: linear-gradient(to right, #30cfd0 0%, #330867 100%);
      }
      .six {
         background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
      }
      .seven {
         background-image: linear-gradient(to right, #a8edea 0%, #fed6e3 100%);
      }
      .eight {
         background-image: linear-gradient(to right, #fddb92 0%, #d1fdff 100%);
      }
      .nine {
         background-image: linear-gradient(to right, #ebc0fd 0%, #d9ded8 100%);
      }
      .ten {
        background-image: linear-gradient(to right, #e4afcb 0%, #b8cbb8 0%, #b8cbb8 0%, #e2c58b 30%, #c2ce9c 64%, #7edbdc 100%);
      }
      .eleven {
         background-image: linear-gradient(to right, #ebbba7 0%, #cfc7f8 100%);
      }
      .twelve {
         background: linear-gradient(to bottom, rgba(255,255,255,0.15) 0%, rgba(0,0,0,0.15) 100%), radial-gradient(at top center, rgba(255,255,255,0.40) 0%, rgba(0,0,0,0.40) 120%) #989898; background-blend-mode: multiply,multiply;
      }
      .thirteen {
         background-image: linear-gradient(to right, #eea2a2 0%, #bbc1bf 19%, #57c6e1 42%, #b49fda 79%, #7ac5d8 100%);
      }
      .fourteen {
         background-image: linear-gradient(to top, #09203f 0%, #537895 100%);
      }
      .fifteen {
         background-image: linear-gradient(to right, #a8caba 0%, #5d4157 100%);
      }
      .sixteen {
         background-image: linear-gradient(-60deg, #16a085 0%, #f4d03f 100%);
      }
      .seventeen {
         background-image: linear-gradient(to right, #3b41c5 0%, #a981bb 49%, #ffc8a9 100%);
      }
      .eighteen {
         background-image: linear-gradient(to right, #0fd850 0%, #f9f047 100%);
      }


时间:02:33 评论(0) 引用(0) 阅读(11) Tags: ,
10 Jan.2023
el-tree组件本身是不支持双击事件的,但是项目里有个需求需要双击来执行,查看官方文档可知
Highslide JS

html代码:

  <el-tree
          class="tree"
          :data="nodeData"
          :props="defaultProps"    
          @node-click="handleNodeClick"
        >
  </el-tree>

注意一下,nodeData中每一项都需要一个唯一值,用来区分两次的操作,我这里用的是id
时间:19:21 评论(0) 引用(0) 阅读(2169) Tags: ,
22 Nov.2022
这篇文章很好的解释并解决了vue路由路转切换而页面不更新的问题。

前言:vue-router的切换不同于传统的页面的切换。路由之间的切换,其实就是组件之间的切换,不是真正的页面切换。这也会导致一个问题,就是引用相同组件的时候,会导致该组件无法更新,也就是我们口中的页面无法更新的问题了。

移步:https://www.cnblogs.com/websmile/p/16443384.html
时间:00:13 评论(0) 引用(0) 阅读(1974) Tags: , ,
10 Nov.2022
Highslide JS


来源:http://t.zoukankan.com/Meng2113-p-13549172.html
时间:21:09 评论(0) 引用(0) 阅读(338) 
10 Nov.2022
用watch监听路由,即使是不同项目之间的跳转也可以监听到路由的变化,之后再次调用接口实现页面刷新数据渲染


        watch: {
            $route(to) {  // 先关闭当前页面再打开解决第二次打不开页面的问题
              if (this.$route.name=='noticeDetail') { //noticeDetail为当前打开的这个页面的路由
                // console.log("进来panduan");
                this.init();//后续业务逻辑处理
              }
            }
        },


参考:https://www.cnblogs.com/changyuqing/p/15762982.html
时间:20:48 评论(0) 引用(0) 阅读(2032) Tags: ,
20 Jun.2022
删除app.json 中 "style": "v2", 即可

其实安装 vant 时有提示让删除,当时删除了和保留也没发现什么问题,就没注意这回事。现在诡异的按钮宽度终于暴露了问题。
时间:10:55 评论(0) 引用(0) 阅读(2844) Tags: ,
8 May.2022

树莓派安装虚拟软键盘及乱码处理方法 不指定

作者: 我就是个世界   分类:技术&学习 » Linux   出处:本站原创   
树莓派有一个屏幕,并且可以点击,奈何没有键盘,每次都需要拔插电脑的键盘,尤其是wifi断了,需要通过触屏连接wifi。这时候一个屏幕虚拟键盘就是必不可少的,matchbox-keyboard是一个很好地选择,一个虚拟键盘。

安装方法:
sudo apt-get install matchbox-keyboard


安装完成后可以在Accessories(附件)里面找到。

若安装完成后启动虚拟键盘为乱码,则是因为没有安装相应的语言库字体。

sudo apt-get install ttf-wqy-zenhei


安装完语言库,然后检查 系统设置
通过在树莓派中设置中更换语言,具体路径如下:
Menu->Preferences->Raspberry Pi Configuraction->Localisaction->Set Localion

设置本地语言为:中文  
国家设置为:中国
字符编码:UTF-8

最后重启即可。
时间:12:16 评论(0) 引用(0) 阅读(3541) Tags: ,
分页: 1/220 第一页 1 2 3 4 5 6 7 8 9 10 下页 最后页 [ 显示模式: 摘要 | 列表 ]