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

亚马逊运营

全部问题

已收录问题

未收录问题

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

该问题已被官方收录

使用vw进行布局，pc端垂直滚动条会占用额外的空间。

1

1

属性属性

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin: 0 0 1.9rem;
    padding: 0;
    list-style: none;
}

li {
    width: 18.9vw;
    margin: 0 6.5vw;
}

.via {
    border: .69vw solid #fff;
    margin-bottom: 10vw;
    background: #F5C97B;
    text-align: center;
    letter-spacing: .05rem;
}

该问题已被官方收录

wangEditor富文本编辑器，无法获取和存储输入框里边的内容。

1

1

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

if ($stateParams.id) {
            $scope.theme = "编辑Article";
            $http({
                method: "GET",
                url: "/carrots-admin-ajax/a/article/" + $stateParams.id
            }).then(function (res) {
                //console.log(res);
                $scope.param = res.data.data.article;
                $scope.title = res.data.data.article.title;
                $scope.img = res.data.data.article.img;
                $scope.param.content = editor.txt.html($scope.param.content);
                $scope.url = res.data.data.article.url;
                $scope.createAt = res.data.data.article.createAt;
            }, function (res) {
                alert(res.data.message);
            });
            //立即上线
            $scope.onLine = function () {
                if ($stateParams.id) {
                    $http({
                        method: "PUT",
                        url: "/carrots-admin-ajax/a/u/article/" + $stateParams.id,
                        params: {
                            status: 2,
                            title: $scope.title,
                            type: $scope.param.type,
                            industry: $scope.param.industry,
                            img: $scope.img,
                            content: editor.txt.html(),
                            url: $scope.url,
                            createAt: $scope.createAt
                        }
                    }).then(function (res) {
                        console.log(res);

该问题已被官方收录

页面布局问题，十万火急！大佬速来！

1

1

布局

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<style>
    div{
        background: #ccc;
        width:500px;
        height:500px;
        position:absolute;
        left:-300px;
    }
</style>
<body>
    <div></div>
</body>
</html>

该问题已被官方收录

引入less.js和less文件后打开报错

1

1

less

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

class="cursor-pointer"> 图片

class="cursor-pointer"> 文本

该问题已被官方收录

如何只使用CSS来写一个侧边导航栏

1

1

侧边栏

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no" />
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="task7-2.css">
</head>
<body>
<header>
    
</header>
</body>
</html>

该问题已被官方收录

给小箭头设置旋转后，小箭头浮动在上面的fixed定位的上面

1

1

定位

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

 .arrows {
  width: .2rem;
  height: .2rem;
  border-top: 2px solid #5fc0cd;
  border-right: 2px solid #5fc0cd;
  transform: rotate(45deg);
}

该问题已被官方收录

上传图片的进度条

0

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

HTML
<td>
<uib-progressbar value="progress" style="margin-bottom: 0;" type="null" animate="true" >{{progress}}%</uib-progressbar>
</td>
JS
//选择文件
$scope.fileReader = new FileReader();//创建FileReader接口
$scope.fileChanged = function(respond){
$scope.$apply(function(){
console.log(respond);
$scope.files = respond.files[0];//保存要上传的图片信息到files,.respond.files[0]表示选择第一个上传的文件的数据。input标签设置了multiple属性的话，当上传两个文件时，则ele.files[1]可以选择到第二个上传的文件的数据。
       console.log($scope.files);
$scope.input = respond; //保存input file这个DOM节点
       console.log($scope.input);
$scope.fileName = $scope.files.name;//文件的名
       console.log($scope.fileName);
$scope.fileSize = $scope.files.size/1024/1024;//文件大小
       console.log($scope.fileSize);
$scope.progress=0;
});
};

// 上传图片
$scope.upload = function(){
//创建FormData用来存放上传的参数
   var formData = new FormData();
//调用FileReader对象的方法，readAsDataURL该方法将文件读取为一段以 data: 开头的字符串，这段字符串的实质就是 Data URL，Data URL是一种将小文件直接嵌入文档的方案。这里的小文件通常是指图像与 html 等格式的文件
   $scope.fileReader.readAsDataURL($scope.files);
//用append()方法以键值对的形式把参数存入formData中，按照接口文档请求参数key为file，value为上传的文件
   formData.append("file",$scope.files);
console.log($scope.fileSize);
if($scope.fileSize <= 5242880){
$http({
method: 'post',
url: '/carrots-admin-ajax/a/u/img/task',
data: formData,
headers:{"Content-Type":undefined},
//将事件侦听器绑定到XMLHttpRequest上传对象。用来监听progress事件，这个事件会在读取中时会触发。
           uploadEventHandlers: {
progress: function(respond){
console.log(respond);
//respond.loaded为已上传文件的大小，respond.total为要上传文件的总大小。两者相除得到的$scope.progress值是用来表示进度条的
                   $scope.progress = (respond.loaded/respond.total)*100;
console.log($scope.progress);
}
}
}).then(function successCallback(respond){
$scope.status = respond.data.message;
$scope.src = respond.data.data.url;
console.log($scope.src);
$scope.okIcon=true;
});
}else{
alert('文件大于5MB');
$scope.removeIcon=true;
}
};

该问题已被官方收录

如何设置蒙版

1

1

bottstrap

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

无代码

该问题已被官方收录

如何实现下拉式导航

1

1

导航栏下拉菜单

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

    input:checked ~ ul{
        display: block;
        height: 252px;

该问题已被官方收录

子元素为行内元素不在父元素内

1

1

自适应

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

class="cursor-pointer"> 截图

class="cursor-pointer"> 代码

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>任务六</title>
    <link rel="stylesheet" type="text/css" href="task6.css">
</head>

<body>
    <header>
        <button class="btn">找雇主</button>
        <button class="btn">招护工</button>
    </header>
</body>

</html>

html{
    font-size: 625%; 
}
body{
    margin: 0;
    
}
header{
    position: fixed;
    top: 0;
    text-align: center;
    height: .64rem;
    width: 100%;
    background-color: #5fc0cd;   
}
.btn{
    font-size: 16px;
    color: #ffffff;
    background-color: #55a8b3;
    border-radius: 7px;  
    padding: .1rem .2rem .1rem .13rem;  
    border: none;
    outline:none
}

去第页

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