Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 旋转木马的样式。。如何用我的重写生成的类_Javascript_Html_Css_Reactjs - Fatal编程技术网

Javascript 旋转木马的样式。。如何用我的重写生成的类

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

我已经阅读了文档,但是我不知道如何实现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/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
}
}
})
返回(
我希望能够覆盖生成的类和内联样式