tr寬度？td的寬度吧？
兩個(gè)配置項(xiàng)：

$('#example').dataTable( {
  "autoWidth": false，
  "columns": [
    { "width": "20%" },
    null,
    null,
    null,
    null,
    null
  ]
} );

參考API：autowidth、columns.width

$scope.format1 = "yyyy-MM-dd HH:mm";

自定義tab可以自己去實(shí)現(xiàn)布局

absolute都脫離文檔流了，撐不開的

微信小程序的斗地主就是h5吧

也要看你的應(yīng)用面對(duì)的用戶，國(guó)內(nèi)的情況比較復(fù)雜，面向全國(guó)用戶(老機(jī)器、老人)的應(yīng)用考慮就要全面一些，有些應(yīng)用面對(duì)專業(yè)人員(后臺(tái)管理、服務(wù)器管理)

import createHistory from 'history/createBrowserHistory';另外引入試試

es6的箭頭函數(shù)，跟function(){}差不多的

修改package.json文件

安裝eslint-plugin-vue，刪除eslint-plugin-html。

修改.eslintrc.js文件

把parser: 'babel-eslint',挪到parserOptions里。
在plugins里刪除html。
在extends里添加'plugin:vue/recommended'。
在rules里添加：

    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]

示例

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module',
  },
  env: {
    browser: true,
  },
  extends: ['airbnb-base', 'plugin:vue/recommended'],
  plugins: [],
  // check if imports actually resolve
  settings: {
    'import/resolver': {
      webpack: {
        config: 'build/webpack.base.conf.js',
      },
    },
  },
  // add your custom rules here
  rules: {
    // don't require .vue extension when importing
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': [
      'error',
      {
        optionalDependencies: ['test/unit/index.js'],
      },
    ],
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]
  },
};

a, img {

-webkit-touch-callout: none; /* 禁止長(zhǎng)按鏈接與圖片彈出菜單 */

}

個(gè)人認(rèn)為用js寫app總是有很多坑的...

如果樓主確定要用Hbuilder + Vue寫的話，也不是不可以，但僅僅是個(gè)demo或者是個(gè)小玩具

再者，使用什么UI框架不是問題

最后，Hbuilder并沒有很多Native方法可供選擇，簡(jiǎn)單來說就是打包出來的app只是一個(gè)殼子套上web頁面

推薦RN Weex 或者Cordova之類的

color-yiq

看看頭部有沒加這個(gè)meta，有的話去掉
<meta name="format-detection" content="telephone=no">

為達(dá)到保存登錄信息 創(chuàng)建了一個(gè)iframe 把登錄的信息記錄到了這個(gè)iframe的域下

一看就是你右邊布局?jǐn)D壓了 , 仔細(xì)看看代碼

你Route上的component應(yīng)該小寫吧？
嵌套路由也用component，代碼如下：

<Router>
    <Switch>
      <Route exact path="/" component={LayoutRouter} />
    </Switch>
</Router>

const LayoutRouter = (props) => {
      return (
        <MyLayout>
          <Router history={props.history}>
            <Switch>
              <Route path="/" component={Home} />
            </Switch>
          </Router>
        </MyLayout>
      )
    }

css3 動(dòng)畫

比如

div{
    transform:scale(0);
    transition:all .25s ease-in-out;
}

div.show{
    transform:scale(1);
    transition:all .25s ease-in-out;
}

有很多方式，底部彈出，左右滑出，漸隱漸顯等等

你試試angular6---引用echarts插件

錯(cuò)誤提示已經(jīng)說了：
found: object with keys {}，你的render函數(shù)里寫的是

<div  >{this.props.reducerCity}</div>

實(shí)際上看了你的代碼應(yīng)該是

<div  >{this.props.reducerCity.cityName}</div>

執(zhí)行兩邊可能是因?yàn)槟鉺ettimeout修改了state，會(huì)導(dǎo)致重新渲染頁面