Javascript 旋转木马的样式。。如何用我的重写生成的类
我已经阅读了文档,但是我不知道如何实现owlcarousel类和其中的选项。这样,我就可以根据自己的风格设计内联类,如Owl stage、Owl item等 我也尝试过添加owlcarousel类和选项Javascript 旋转木马的样式。。如何用我的重写生成的类,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我已经阅读了文档,但是我不知道如何实现owlcarousel类和其中的选项。这样,我就可以根据自己的风格设计内联类,如Owl stage、Owl item等 我也尝试过添加owlcarousel类和选项 import React from 'react'; import OwlCarousel from 'react-owl-carousel'; import "owl.carousel/dist/assets/owl.carousel.css"; import "owl.carousel/di
import React from 'react';
import OwlCarousel from 'react-owl-carousel';
import "owl.carousel/dist/assets/owl.carousel.css";
import "owl.carousel/dist/assets/owl.theme.default.css";
import "../css/Owlcarousel.css";
class Owlcarousel extends React.Component{
render(){
const options = ({
nav: !0,
items: 1,
stageElement:'div',
center: 1,
navText: ['<i class="fas fa-arrow-left"></i>', '<i class="fas fa-arrow-right"></i>'],
responsive: {
1700: {
stagePadding: 620,
margin:120
},
1430: {
stagePadding: 320,
margin:100
},
1025: {
stagePadding:280,
margin:10
},
768: {
stagePadding: 150,
margin:50
},
0: {
stagePadding: 0,
margin: 0
}
}
})
return(
<section>
<div className="container">
<OwlCarousel
loop
margin={10}
nav
items={1}
dots={false}
options={options}
ref="gallery"
id="testimonials-2"
className="owl-theme"
stageClass= 'stageName'
itemElement = {"section"}
>
从“React”导入React;
从“反应猫头鹰转盘”导入猫头鹰转盘;
导入“owl.carousel/dist/assets/owl.carousel.css”;
导入“owl.carousel/dist/assets/owl.theme.default.css”;
导入“./css/Owlcarousel.css”;
类Owlcarousel扩展了React.Component{
render(){
常量选项=({
导航:!0,
项目:1,
stageElement:“div”,
中心:1,,
导航文本:['','',
响应:{
1700: {
分期付款:620,
保证金:120
},
1430: {
分期付款:320,
保证金:100
},
1025: {
分期付款:280,
差额:10
},
768: {
分期付款:150,
差额:50
},
0: {
阶段添加:0,
保证金:0
}
}
})
返回(
我希望能够覆盖生成的类和内联样式