Mip-img picture is what mip-img picture how to use

Source: Internet
Author: User

Title Content
Type General
Support layout Responsive,fixed-height,fill,container,fixed
The required script No

Sample

most basic use

<mip-img

layout= "Responsive"

Width= "350"

Height= "263"

Src= "Yun_qi_img/20161216173855963.jpg"

</mip-img>

Gapang View

<mip-img

layout= "Responsive"

Width= "350"

Height= "263"

Popup

src= "Yun_qi_img/20161216173855963.jpg" >

</mip-img>

other layouts (take fixed as an example)

<mip-img

layout= "Fixed-height"

Height= "263"

alt= "Baidu MIP img"

rc= "Yun_qi_img/20161216173855963.jpg" >

</mip-img>

with picture title

Picture titles can be added after <mip-img> for instructions, you can customize styles under <style mip-custom> labels

<mip-img

layout= "Responsive"

Width= "350"

Height= "263"

Popup

alt= "Baidu MIP img"

Src= "Yun_qi_img/20161216173855963.jpg"

</mip-img>

<p class= "Mip-img-subtitle" > with picture caption type </p>

Property

src

Description: Picture Address

Required option: Yes

Format: string

Popup

Description: Set the picture resources can be clicked after the screen to pop up floating layer view

Required option: No

Take value: None

alt

Description: Same as the ALT attribute of the IMG tag

Required option: No

class

Description: Same as the class attribute of the IMG tag, used to identify the element, set the element style

Required option: No

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.