鍍金池/ 問答/ HTML問答
乞許 回答

app.title = '坐標(biāo)軸刻度與標(biāo)簽對齊';

option = {

xAxis: {
      data: ['流入','流出'],
      axisTick: {
        show: false
      },
      axisLabel: {
        // formatter: '流入'
        margin: 8,
        color: "#5F6370",
        fontSize: 14,
        fontFamily: "MicrosoftYaHei"
      },
      axisLine: {
        lineStyle: {
          color: "#BABABA"
        }
      }
    },
    yAxis: {
      show: false,
      splitLine: { show: false },
      axisLine: {
        show: false
      }
    },
    grid: {
      y: 0,
      backgroundColor: "#fff"
    },
    // animation:false,
    animationDurationUpdate: 300,
    series: [
      {
        name: ['計(jì)劃'],
        type: "bar",
        silent: true,
        barWidth: 40,
        barGap: "-88%",
        data: ['174.11','160.5'],
        yAxisIndex: 0,
        itemStyle: {
          normal: {
            barBorderColor: "#6B98D3",
            barBorderWidth: 1,
            color: "transparent",
            barBorderRadius: [3, 3, 0, 0]
          }
        },markLine: {
            symbol: ['none', 'none'],
            symbolRotate:300,
            
            lineStyle:{
                 normal : {
                        color : 'rgba(44,38,21,0.3)',
                        width : '1',
                        type : 'solid', //線的類型 'solid'（實(shí)線）'dashed'（虛線）'dotted'（點(diǎn)線）
                        curveness : 0.3, //線條的曲線程度，從0到1
                        opacity : 1
                    // 圖形透明度。支持從 0 到 1 的數(shù)字，為 0 時不繪制該圖形。默認(rèn)0.5
                    },
            },
            data:[[
                {
                    coord:['流入','80'],
                    
                },
                {
                    coord:['1','80'],
                    x:'40%',
                    
                    value:'實(shí)際：144.11',
                    label:{
                        show:true,
                        formatter:'11'
                    }
                }
            ],
            [
                {
                    coord:['流出','160'],
                    x:'32.2%'
                },
                {
                    coord:['1','160'],
                    x:'40%',
                    value:'計(jì)劃：164.11',
                }
            ],
            
            [
                {
                    coord:['流出','111.11'],
                    x:'72.2%'
                },
                {
                    coord:['1','80'],
                    x:'80%',
                    
                    value:'實(shí)際：111.11',
                    label:{
                        show:true,
                        formatter:'11'
                    }
                }
            ],
            [
                {
                    coord:['流入','160'],
                    x:'32.2%'
                },
                {
                    coord:['1','160'],
                    x:'50%',
                    value:'計(jì)劃：164.11',
                }
            ]]
        }
      },
      {
        name: '實(shí)際',
        yAxisIndex: 0,
        type: "bar",
        barWidth: 30,
        z: 10,
        data: ['144.11','110.5'],
        itemStyle: {
          normal: {
            color: "#6B98D3",
            barBorderRadius: [3, 3, 0, 0]
          },
          emphasis: {
            color: "#6B98D3"
          }
        }
      },
    ]

};

遲月 回答

$store 指vuex，
這句話是應(yīng)該是獲取面包屑信息的意思。

擱淺 回答

自己已解決

            let html = this.getHtmlContent();
            let html_ = new Blob([html],{ "type" : "text/html;charset=utf-8" })
            let formdata = new FormData();
            formdata.append('file', html_, `sdf.html`);
            axios({
                method: 'post',
                url: url,
                data:formdata,
                responseType:'blob',
            })
不舍棄 回答

估計(jì)你的 item 本身并沒有 flag 屬性。
可以這么寫但是最好還是提前定義好 flag 屬性。
@click="$set(item, 'flag', !item.flag)"

笑浮塵 回答

圖片描述

圖片描述

會不會跟我之前遇到的問題一樣，-v 到外面，但是外面路徑里有兩個同名文件，權(quán)限一模一樣，名字也一模一樣，只能訪問和刪除其中一個，另一個跟幽靈一樣不能訪問。后來我把名字改成不一樣的，問題解決了

雅痞 回答

不設(shè)置的話，不同瀏覽器表現(xiàn)可能會不一致

嘗試了一下，復(fù)現(xiàn)不出來，可能是瀏覽器的bug，現(xiàn)在被修復(fù)了

賤人曾 回答
  1. 使用 vuex；
  2. 參考網(wǎng)易云音樂等音樂播放 app；使用的是 iframe.

"組件"都是指的Vue的組件,
"單文件"組件表示你可以把組件的所有要素寫在同一個文件內(nèi), 從而達(dá)到官方所講的

在一個組件里，其模板、邏輯和樣式是內(nèi)部耦合的，并且把他們搭配在一起實(shí)際上使得組件更加內(nèi)聚且更可維護(hù)
鏈接

當(dāng)然你也可以按你自己的方式組織, 不寫在同一個文件里

舊城人 回答

我覺得你這個設(shè)計(jì)想法就有問題，組件是每個地方調(diào)用都實(shí)例化一次，怎么可能傳值呢？

脾氣硬 回答

iptables 檢查下防火墻有沒有開放3306端口

櫻花霓 回答

根據(jù)你提供的進(jìn)行了稍微改動(就改了一個地方，已經(jīng)備注好了)：

<!DOCTYPE html>
<html xmlns:border-radius="http://www.w3.org/1999/xhtml" xmlns:margin="http://www.w3.org/1999/xhtml"

xmlns:color="http://www.w3.org/1999/xhtml">
<head>

<meta charset="UTF-8">
<link rel="stylesheet" >
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
</head>
<body>
<div id="app" >
<div id="pro_form" style="position: relative;width: 100%;height: 1000px;">
    <div style="position: relative;top: 100px;left:130px;">
        <el-row>
            <!--就改這里一行-->
            <el-col :span="4" v-for="(project,index) in allprojects" :key="index" :offset="1" style="margin-bottom:40px">
                <el-card :body-style="{ padding: '0px', height:'360px'}" shadow="hover" style="width: 260px;height: 320px;">
                    <div style="padding: 6px;height: 310px;">
                        <div>
                            <div><font size="5">{{project.pcname}}</font></div>
                            <div style="position: relative;top: 15px;text-align: center;">{{project.pname}}</div>
                        </div>
                        <div style="position: relative;top: 30px;">
                            <img src="../images/project/prohead.jpg" class="image">
                            <div style="position: relative;top: 10px;left: 66px;"><i class="el-icon-time"></i>{{project.pdatesave}}</div>
                        </div>
                        <div style="position: relative;top: 45px;">
                            &nbsp;&nbsp;<i class="el-icon-view"></i><span>{{project.ppageview}}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <el-button type="text"><font size="4">查看</font></el-button>
                        </div>
                    </div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</div>
</div>
</body>
<style>

html,body{
    margin:0px;
    height:100%;
}
</style>
<script>

var vue=new Vue({
    el: '#app',
    data: {
        allprojects:[
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            },
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            },
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            },
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            },
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            },
            {
                pid:'123',
                pname:'pname',
                pcname:'pcname',
                pdatesave:'2018-4-9 11:11:11',
                ppageview:10
            }
        ]
    },
    methods: {//這里用于定義方法
    },
    computed: {//計(jì)算屬性
    }
})
</script>
</html>

注意事項(xiàng)：
這是為了圖方便才直接在el-col上直接寫的style，還可以通過CSS選中.el-col來添加相應(yīng)樣式

希望我的回答對你有所幫助！
刮刮樂 回答

node.js是運(yùn)行在服務(wù)端的js,不會在瀏覽器輸出的。

懷中人 回答

只可以調(diào)試用chrome for android 打開的程序

毀與悔 回答

如果不考慮微信瀏覽器中的二次分享的話可以采用修改meta的方式。

<meta property="og:type" content="website" />
<meta property="og:title" content="頁面標(biāo)題">
<meta property="og:description" content="頁面描述">
<meta property="og:image" content="http://www.example.com/img/thumbnail.png">
<meta property="og:url" content="http://www.example.com/">

不過這種方式也是時靈時不靈，最好的話還是配置一下微信的JSSDK微信JSSDK文檔

笑忘初 回答

你封裝了 commonItem 那應(yīng)該知道返回了一個 Promise，這是個異步操作，如果你想 variable 能被 getCommonItem 的調(diào)用方拿到，那要么改成經(jīng)典的 callback：

getCommonItem(value, callback) {
    api.commonItem({value: value}).then(res => {
        let variable = res.data.name
        console.log("第一次",variable)
        callback(variable)
    })
}

getCommonItem(value, variable => {
    console.log('第二次', variable)
})

要么繼續(xù)沿用 Promise：

getCommonItem(value) {
    return api.commonItem({value: value}).then(res => {
        let variable = res.data.name
        console.log("第一次",variable)
        return Promise.resolve(variable)
    })
}

getCommonItem(...)
    .then(variable => {
        console.log('第二次', variable)
    })
陪妳哭 回答

寫法沒有問題，如果真要說哪里有問題，那就只有require(['../components'])這塊的'../'這里了，webpack自動解析的拓展名，你那里不知道是如何設(shè)置的

逗婦惱 回答

在你覺得需要使用回調(diào)函數(shù)的時候使用回調(diào)函數(shù)。
回調(diào)函數(shù)最大的兩個作用在我看來
一個是對異步的處理，因?yàn)閖s的單線程機(jī)制，所有的異步操作執(zhí)行的時候其實(shí)程序流已經(jīng)走完了，這個時候如果你希望在ajax這種異步請求后執(zhí)行操作就需要回調(diào)函數(shù)。
二是一種設(shè)計(jì)模式？函數(shù)作為參數(shù)傳遞，其實(shí)傳遞的也是一個指針，而這個指針還是跟原來的對象進(jìn)行綁定的。這個時候有的時候就可以做出一些操作。
比如在一個對象中改變另外一個對象，實(shí)現(xiàn)代理服務(wù)，這種情況在angularjs中比較常見。
而你這里對回調(diào)函數(shù)的困惑，實(shí)際上是因?yàn)槟銓瘮?shù)的異步機(jī)制不了解導(dǎo)致的，也就是對于第一種情況的不了解。一切異步操作都會用到回調(diào)函數(shù)。
當(dāng)然現(xiàn)在有了promise跟async這句話倒是可以再說說了，但是我覺得本質(zhì)上還是回調(diào)函數(shù)

首頁 上一頁 314 315 316 317 318 319 320 321 322 下一頁 尾頁