【已解决】HBuilder中用React.js添加登录页的背景图

之前：

现在是去：

给登录页中，添加一个背景图：

react.js 添加背景图片

react.js add background image

貌似，用之前的，官网创建的reactJS的app，是可以获得对应的效果的：

import React, { Component } from ‘react’;

import logo from ‘./logo.svg’;

import Background from ‘./login_bkg.jpg’;

import ‘./App.css’;

var sectionStyle = {

width: "100%",

height: "667px",

backgroundImage: `url(${Background})`

};

class App extends Component {

render() {

return (

</section>

// <div className="App">

// <div className="App-header">

// <img src={logo} className="App-logo" alt="logo" />

// <h2>Welcome to Dairly Farm!</h2>

// </div>

// <p className="App-intro">

// To get started, edit <code>src/App.js</code> and save to reload.

// </p>

// <p>输入中文试试效果</p>

// </div>

);

}

export default App;

虽然此处没有实现：

如何用HBuilder打包React.js的app

但是算是基本完成了，用reactJS去实现背景图了。

继续去试试

结果也没试出来其他的更好的效果。

Post Views: 995