卡片的一些基本示例
Card title
Card subtitle
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias blanditiis cupiditate dolores harum hic id illum libero, odit officiis quidem quo reiciendis repellat repellendus similique sit soluta, totam ullam, vitae!
Card link Another linkcard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus asperiores, dolores doloribus earum eius eligendi fugiat ipsam iure nihil numquam pariatur perferendis quas quibusdam repellendus, reprehenderit saepe suscipit tempora unde!
button文本对齐
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eveniet exercitationem impedit quod, tempore ullam veniam! Ad incidunt nam quam sequi unde? Accusamus distinctio dolores esse et hic quaerat qui ullam.
linkcard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores aut, beatae doloremque ea eius eos in minima minus nam nisi odit optio pariatur, ratione reprehenderit soluta tempore unde veniam voluptas?
linkcard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur doloribus earum magni nam quis! Aliquam amet aspernatur commodi consequuntur, dolores error excepturi facilis illum ipsa iste nobis quas soluta, voluptatem.
link和导航组件一起使用
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi debitis eius et excepturi magnam, nemo obcaecati possimus quaerat. Dignissimos doloribus, inventore iure laborum magni quasi quod sit! Consectetur, quibusdam, sapiente?
linkcard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusantium animi at commodi in molestiae nesciunt perferendis quidem quo sequi? Consectetur dignissimos hic, maxime nisi officia perspiciatis saepe sit veniam?
link卡片的不同情景色
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. At consequatur ducimus maxime nihil porro quia soluta unde. At autem beatae cum, deserunt, ducimus esse ipsa, laboriosam molestiae nesciunt saepe voluptatibus?
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur dolorem eum incidunt quibusdam reiciendis voluptate. Maiores nam nemo nesciunt. Architecto aut dolorum eligendi fugit magni quas repudiandae voluptatum? Aut, corporis.
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci assumenda dolor eligendi enim error hic mollitia non odio odit. Alias aspernatur at ex id officia quas quia vel voluptas?
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad aliquid culpa dolore doloribus error esse hic id illo inventore magnam, maiores mollitia necessitatibus pariatur perspiciatis quis, rem tempore unde veniam!
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium cumque eos eveniet, iusto maxime reiciendis temporibus ullam! Aut error esse, laboriosam obcaecati perspiciatis sapiente suscipit totam. Eum natus quia sapiente?
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Excepturi incidunt quibusdam sequi similique unde. A atque explicabo hic mollitia neque nisi, nobis optio pariatur praesentium qui sapiente sequi veniam veritatis?
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium iusto libero magnam magni nisi non quidem vero voluptas! Beatae illo iusto quos repudiandae voluptatum! Aliquid asperiores esse illo inventore velit?
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad adipisci alias aspernatur autem deleniti distinctio eaque earum eveniet exercitationem iure laborum modi nam, optio perspiciatis quibusdam repellat sapiente ut voluptatem.
携带图片的卡片
card-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto assumenda dicta, doloribus enim eveniet explicabo illum impedit ipsa iure laborum mollitia nobis quas quia quisquam quo quod reprehenderit suscipit vero!
buttoncard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus adipisci assumenda atque commodi culpa deleniti dolore eveniet excepturi fugit harum illum ipsum magni minus modi officiis omnis, totam ut, velit?
buttoncard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi eveniet fuga, maiores molestiae mollitia nobis quibusdam tempora vel? Consequuntur culpa eveniet exercitationem harum in nostrum rem ullam voluptates? Aliquid, molestias!
buttoncard-title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam aperiam beatae corporis deleniti dolor id illo iste magnam magni nobis non officiis pariatur quidem, quos ratione recusandae tempore voluptatem voluptatibus?
button携带列表组的卡片
图片在卡片的不同方位
card-title-1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos natus quaerat sapiente ut. A consequuntur cum deserunt ea eaque eligendi est ipsum, iure laboriosam modi natus praesentium provident veniam voluptatem.
last update 2022/7/17
card-title-2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo facilis hic impedit incidunt laudantium officiis praesentium, voluptatibus. Asperiores doloremque, dolorum et, eum hic illum ipsum molestias pariatur quis tenetur, totam?
last update 2022/7/17
card-title-3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur dignissimos est minima natus nesciunt quo quod totam! Accusamus aperiam cum dolorem ducimus ex modi officiis, sed sequi similique vel voluptatem.
last update 2022/7/17
card-title-4
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam assumenda atque consequatur, corporis dolores earum explicabo illo illum labore molestiae officiis provident ratione sed sint voluptas. Hic laborum nam voluptatum!
last update 2022/7/17
图片当作卡片背景
卡片组
card-title-1
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi consequuntur cum dolore enim eveniet iste laboriosam natus nihil quae quis recusandae, voluptatum. Architecto autem culpa cum nemo quae quas sequi!
card-title-2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cupiditate dicta excepturi facilis maxime natus nesciunt perferendis perspiciatis placeat reprehenderit voluptates? Beatae cumque eius eum ipsum iure pariatur sequi temporibus veniam!
card-title-3
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur corporis cupiditate ea facere ipsa iure, mollitia neque obcaecati pariatur placeat quas quasi qui quo recusandae saepe sit tempore vel voluptatibus.