ul>
*{padding: 0;margin: 0;list-style: none;text-decoration: none;}
/*头*/
.header-lr{largeur : 100 % ; hauteur : 50 px ; box-shadow : 0px 10px 10px #ccc;margin-top : 10px;border-top : 2px solid #ccc;}
.header-lr-box{largeur : 1226px; hauteur : 50px;marge:0 auto;}
.header-lefts li{width:70px;height: 50px;float: left;text-align: center;line-height: 50px;}
.header-lefts li a{color : #23262E;font-size : 14px;font-weight : none;}
.header-right{float : right;}
.header-right li{float : left ; largeur : 70 px ; hauteur : 50 px; couleur : #aaa ; taille de police : 12 px ;}
.detail-img{largeur : 1226px; marge : 0 auto ;}
.detail-img h6{taille de police : 16px ; poids de police : gras ; marge : 10px auto;float: left;}
/*主要内容*/
.content-box{width: 1226px;margin: 30px auto;}
.content-box-left{width: 560px; hauteur : 600px;float : gauche;}
.content-box-right{width: 600px;float: right;}
.content-box-right p{color: #aaa;margin: 10px auto;}
.content-box-map{largeur : 100 %;hauteur : 100 px;arrière-plan : /*rgba(51,51,51,0.2)*/#fafafa;marge : 20 px auto ;bordure : 1px solide #ccc;}
.content-box-map span{affichage : inline-block;margin-top : 10px;margin-left : 15px;}
.content-box-map i{position : relative;gauche : 12px;}
.content -box-money .rls{border: 1px solid #FF8200;}
.content-box-money div{largeur: 255px;hauteur: 50px;text-align: center;float: left;border: 1px solid #ccc; hauteur de ligne : 50 px ; remplissage : 0px 20px ;}
.content-box-money span{float : right;color : #ccc;}
.content-box-money p{font-size : 18px;color : #333;marge : 15px 0px;}
.content-box-color p{font-size : 18px; couleur : #333 ; margin: 15px auto;}
.content-box-color div{width:255px ; hauteur : 50 px ; flotteur : gauche ; rembourrage : 0px 20px ; alignement du texte : centre ; hauteur de la ligne : 50 px ; bordure : 1px solide #ccc ;}
.content-box-color span{display:inline-block;height: 16px;width: 16px;border-radius: 8px;margin-right: 10px;}
.content-bz-box0 p{float: left; taille de police : 18 px ; couleur : #333;marge : 20px 0px;}
.content-bz-box0 a{float : right;font-size : 14px; marge : 20px 0px ; couleur : #ff8200 ;}
.content-bz-box1{largeur : 598px;hauteur : 150px;bordure : 1px solide #ccc;}
.content-bz-box1 span{float : gauche;largeur : 10px;hauteur : 10px;hauteur de ligne: 10px;radius de bordure: 6px;affichage: bloc en ligne;marge: 60px auto;marge-gauche: 40px;}
.content-bz-box1 img{float: left;margin: 50px 20px;}
.content-bz-p{marge : 40px auto;}
.content-bz-p p{marge : 10px auto;}
.content-bz-p span{float : right;margin : 0px;marge droite:20px; couleur : #ccc;largeur : 50px;}
.content-bz-btn{color:rgba(0,0,0,0);border: 1px solid #ccc;}
.content-zs{largeur : 100 % ; hauteur : 130px;arrière-plan : #f9f9f9;marge supérieure : 30px;}
.content-zs div{marge : 0px 30px 20px;hauteur : 50px; hauteur de ligne : 30 px ; }
.content-zs p {float : gauche ;}
.content-zs span{float : droite ; hauteur de ligne : 50px;}
.content-box-color .rls{border : 1px solid #FF8200;}
.content-box-money,.content-box-color{width: 600px;}
.shop-che{width: 240px;height: 50px;text-align: center;line-height : 50px;arrière-plan : #FF5722;couleur : #FFF; }
< ;div class="layui-carousel" id="test1">
30px;">599
" "
+ 64G Netcom complet699
;
选择颜色
选择小米提供的保障服务< /p>
< ;div class="content-bz-box1">
Service de protection d'écran cassé
L'écran du téléphone s'est accidentellement cassé
J'ai lu Conditions d'utilisation | Conditions d'utilisation
179 yuans
" >
jg" ;
;Total : 699 yuans
;p>< ;i class="fa fa-check-circle-o"> ; 7 jours sans poser de questions < i class="fa fa-check-circle-o"> i> Remplacement sous 15 jours en cas de problèmes de qualité i> Garantie de 365 jours
/div>
& lt; li & gt; 隐私 政策 & lt; span & gt; & lt; / span & gt; & lt; / li & gt;
& lt; li & gt; 问题 反馈 & lt; span & gt; & lt; / / span>
Certificat ICP de Pékin n° 110507
Sécurité du réseau public de Pékin n° 11010802020134
Hotline de signalement d'informations illégales et préjudiciables : 185-0130-1238, les données répertoriées sur ce site Web, sauf indication contraire, toutes les données proviennent de nos tests en laboratoire
layui.use('carousel', function(){
var carousel = layui.carousel;
//Construire une instance
carrousel. render({
elem: '#test1'
,width: '560px' //Définir la largeur du conteneur
,height:'600px'
,arrow: 'always' //Toujours afficher la flèche
/ /, anim: 'updown' //Changer de mode d'animation
});
});
//Première version par défaut Remplacer la méthode du nom de classe
$( document ).ready(function(){
//Obtenez le parcours d'équation de classe (0) à partir de 0 (représentant le premier) et remplacez le nom de la classe par .content-box-bb rls
$(".detail_much_left ").eq (0).attr("class",".detail_much_left rls")
$(".content-color-left").eq(0).attr("class",".content-color -left rls" )
//Cliquez sur la version sélectionnée
$(".detail_much_left").click(function(){
$(".detail_much_left").attr("class",". detail_much_left")
$(this).attr("class",".detail_much_left rls")
})
//Cliquez pour changer de couleur
$(".content-color-left"). click(function(){
$(".content-color-left").attr("class",".content-color-left")
$(this).attr("class",". content-color-left" rls ")
})
})
Il y a un problème avec votre méthode d'écriture, attr("class","Il ne devrait y avoir aucun point avant le nom de la classe"); c'est un tout petit détail, veuillez y prêter attention
Résolu