IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

IT修真院·坑乎 | Java(后端),CSS(前端),JavaScript(前端),PM(产品经理),UI(交互设计),QA(测试),Android(安卓APP),iOS(苹果APP),OP(运维),Python(后端)日常在线问答学习平台

咨询电话 : 010-59478634

全部问题

已收录问题

未收录问题

没有找到答案，去提问>>>

该问题已被官方收录

组件库改如何引用？

0

1

组件库

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

axios({
  method: 'get',
  url: '/static/style/cart.json',
  data: {
 
  }
 })
<script type="text/javascript" src="static/style/vue.min.js"></script>
<script type="text/javascript" src="static/style/vue-resource.min.js"></script>
<script type="text/javascript" src="static/style/cart.js"></script>
cartView:function(){
 var _this=this //记得写在get上面，不然取不到值
 this.$http.get('/static/style/cart.json',{'id':123}).then(function(res){
 this.pro=res.body.name;
 //_this.produceList=res.body.result.list;
 console.log(res.body.name)
 })
}

该问题已被官方收录

用bootstrap做导航栏为什么不能套row？

0

1

bottstrap

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    <nav class="navbar navbar-expand-md navbar-light nav-padding">
        <div class="container justify-content-end menu-padding">
            <button class="navbar-toggler button-margin" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="col text text-center navbar-nav justify-content-end">
                    <li class="nav-item">首页</li>
                    <li class="nav-item">职业</li>
                    <li class="nav-item">推荐</li>
                    <li class="nav-item">关于</li>
                </ul>
            </div>
        </div>
    </nav>

该问题已被官方收录

git如何去删除自己的项目中的一个文件

2

1

git

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

// var vm =new Vue({
//   el:"#op",
//   data:{
//     hello:true
//   }
// })
// for(let i=0;i<3;i++){
//     console.log(i);
// }
// console.log(i)
// let [a=111,b,c]=[,2,3]
// console.log(a,b,c)
// let[a,b,c,d]='hello';
// console.log(a,b,c,d)
// let url='admin/inderx.php';
// // console.log(url.endsWith('php'));
// let obj={
//     name:'李四',
//     age:'12',
//     gender:'male'
// }
// let t=`
//     <div>
//         <span>${obj.name}</span>
//         <span>${obj.age}</span>
//         <span>${obj.gender}</span>
//     </div>
// // `;
// // console.log(t)
// new Vue({
//     el:'#app',
//     data:{
//        mas:'jjk',
//        age:'18',
//        sbb:''
//     },
//     methods:{
//         cao(){
//             this.mas='ni'
//         },
//         ni(ki){
//             this.mas=ki
//         },
//         print(){
//             console.log('不跳');
//         },
//         sb(){
//             console.log('提交')
//         },
//         wo(){
//             if(this.sbb===''){
//                 this.sbb=true
//             }
//             else{
//                 this.sbb=''
//             }

该问题已被官方收录

数组打印出来是空的，但是里面确实有对象？

0

1

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

Page({
 data:{
   currentTab: 0,
   navbarTitle: ['职业门槛', '难易程度', '成长周期', '求贤企业', '入学基础', '薪资待遇'],
 },
 changeId:function(e){//点击实现切换
this.setData({
  currentTab: e.currentTarget.dataset.id
})
},
 onLoad:function(e){
   //将上个页面传过来的数据取出来
   var finallyRank = JSON.parse(e.finallyRank);
   var that=this;//存一下全局对象
   var jobDetails=[];//声明空数组用来放数据
   wx.request({//向葡萄藤官网发出数据请求,需要先设置不校验合法域名才能成功请求
     url:'http://www.jnshu.com/a/occupation/list',
     header: {'content-type': 'application/json'},//json请求头
     success:function(response){
       if(response.data.code===0){
         //用一个遍历将上个页面选出来的三个序号对应的职业抽出来，并用数组保存相应的信息
         for (var i = 0; i < finallyRank.length;i++){
           jobDetails.push(response.data.data.occupations[finallyRank[i] - 1]);//因为finallyRank数组是从1开始的所以要减1
           jobDetails[i].salary = JSON.parse(jobDetails[i].salary);//将jobDetails里的salary从字符串变回数组，不然后面没法用
         };
         that.setData({//将数据存到data里才能拿来渲染视图
           jobDetails
         });
         //如果用this.setData在外面存将会使data里的jobDetails变成空数组
       }
     }
   });
   console.log(jobDetails);
 }
})

该问题已被官方收录

webstorm管理git，push到远程仓库时出现冲突怎么解决

0

1

git 代码管理

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

如何让胶囊式导航栏实现下拉的动画效果

0

1

导航栏 css动画

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

  .nvb-ul {
    display: none;
    text-align: center;
    width: 100%;
    padding: 0;
    height: auto;
    transition: display .5s ease;//这里是报错的
  }
  .nvb-li {
    background-color: #29b078;
    line-height: 3rem;
    border-bottom: none!important;
    overflow-x: hidden;
    width: 100%;
    &:first-child {
      border-top: .1rem solid #fff;
    }
  }
}
#menu:checked~ .nvb-ul {
  display: block;
}

该问题已被官方收录

图片只出现在第一个方框的左上

1

1

属性属性

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码



html： 



html

<div class="father">
	<div class="cont1">
		<p class="text1">水民</p>
		<p class="text2">1号</p>
	</div>
	<div class="picture">
		<img src="投票.png" alt="投票.png">
	</div>
</div>
<div class="father">
	<div class="cont1">
		<p class="text1">水民</p>
		<p class="text2">1号</p>
	</div>
	<div class="picture">
		<img src="投票.png" alt="投票.png">
	</div>
</div>

该问题已被官方收录

导航栏如何在小于768px的时候变成另一种样式？

0

1

响应式

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无

该问题已被官方收录

sass的default！真正作用，继承，混合，占位符如何选择

0

1

Sass

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

css有没有办法点击单选按钮使前面的某个元素变色。

0

1

通用

class="cursor-pointer"> 详细描述

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<nav class="nav">
        <input type="checkbox" id="nav-toggle" class="nav-toggle">
        <label for="nav-toggle">
            <svg xmlns="http://www.w3.org/2000/svg" width="23" height="22">
                <defs>
                    <filter id="shadow">
                        <feDropShadow dx="0" dy="0" stdDeviation="1.6">
                    </filter>
                </defs>
                <polygon points="1,1 22,10 1,20 1,1" fill="#1d7ad9" filter="url(#shadow)"></polygon>
            </svg>
        </label>
        <ul class="nav-list">
            <li>
                <a href="#">首页</a>
            </li>
            <li>
                <a href="#">在线定制</a>
            </li>
            <li>
                <a href="#">标准箱</a>
            </li>
            <li>
                <a href="#">品质保障</a>
            </li>
        </ul>
    </nav>
    <main class="main">
        <div class="step-box">
            <div class="step">
                <div class="circle" id="box-circle">1</div>
                <div class="line" id="box-line"></div>
                <p id="step-one">1.定制纸箱</p>
            </div>
            <div class="step">
                <div class="circle" id="size-circle">2</div>
                <div class="line" id="size-line"></div>
                <p id="step-two">2.选择数量</p>
            </div>
            <div class="step">
                <div class="circle" id="material-circle">3</div>
                <div class="line" id="material-line"></div>
                <p id="step-three">3.上传附件</p>
            </div>
            <div class="step">
                <div class="circle">4</div>
                <div class="line"></div>
                <p>4.确认下单</p>
            </div>
        </div>

.nav{
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 15%;
    background-color: #f9f9f9;
}
.nav-list{
    float: right;
    list-style: none;
}
.nav-list li{
    display: inline-block;
    margin-left: 30px;
}
/* .nav-list li a:focus,
.nav-list li a:hover{
    color: #fff;
    background-color: #1d7ad9;
} */
.nav-list li a{
    display: inline-block;
    height: 45px;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 45px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 8px;
    color: #333;
    box-shadow: 0 0 5px 1px #ccc;
}
.nav input:checked~.nav-list{
    display: block;
}
.nav input:checked~label svg{
    transform: rotateZ(90deg);
    transition: width 2s;
}
.nav label{
    display: none;
}
.nav .nav-toggle{
    display: none;
}
.main{
    padding-left: 15%;
    padding-right: 15%;
}
.step-box{
    display: flex;
    justify-content: flex-end;
    text-align: center;
}
 .step:hover div{
    background-color: #ff7f02;
}
.step:hover p{
    color: #ff7f02;
}
.step-box p{
    padding-top: 20px;
}
.line{
    height: 3px;
    width: 10vw;
    border-radius: 2px;
    background-color: #cccccc;
    min-width: 71px;
}
.circle{
    width: 22px;
    height: 22px;
    line-height: 22px;
    border-radius: 50%;
    background-color: #cccccc;
    text-align: center;
    z-index: 1;
    color: #fff;
    position: relative;
    top: 13px;
    left: 50%;
    transform: translateX(-50%);
}
.message{
    line-height: 40px;
    font-weight: bold;
    font-size: 1.8rem;
}
.message span::before{
    content: "";
    display: inline-block;
    vertical-align: text-top;
    margin-right: 5px;
    height: 1.9rem;
    width: 3px;
    border-radius: 2px;
    background-color: #1d7ad9;
}
.choose{
    position: relative;
    padding-left:35px;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    color: #1d7ad9;
    background-color: #f3f3f3;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
}
.choose .word-box::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 15px;
    height: 13px;
    background-image: url(images/box.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.choose .word-size::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 15px;
    height: 13px;
    background-image: url(images/size.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.choose .word-material::before{
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    width: 15px;
    height: 13px;
    background-image: url(images/scissors.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.choose-box{
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fbfcff;
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
    z-index: 2;
}
.box-one,.box-two,.box-three{
    display: inline-block;
    margin-left: 30px;
}
.choose-material>div:nth-child(-n+5){
    display: inline-block;
    margin-left: 30px;
}
.choose-size{
    position: relative;
    padding-top: 30px;
    background-color: #fbfcff;
    border: 1px solid #e8e8e8;
    z-index: 1;
}
.size-box{
    display: flex; 
    padding-bottom: 30px;
}
.text-box{
    margin-left: 30px;
}
.choose-material{
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #fbfcff;
    border: 1px solid #e8e8e8;
    z-index: 1;
}
input[type="text"]{
    padding: 0;
    height: 18px;
    outline: none;
    border: none;
    border: 1px solid #ccc;
}
.size-one,.size-two{
    margin-left: 30px;
}
label{
    font-weight: normal;
}
input[type="radio"] + .choice::before {
    content: "\a0"; /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    margin-right: 12px;
    vertical-align: text-top;
    border-radius: 50%;
    border: 1px solid #d6d6d6;
    background-color: #f8f9fb;
}
input[type="radio"]:checked + .choice::before {
    background-image: url(images/circle.png);
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
}
input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
/* div+js模拟下拉框 */
.select-box{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%); 
    background: #fff;
}

去第页

Copyright ©2015 北京葡萄藤信息技术有限公司 All Rights Reserved | 京ICP备15035574号-1