147 lines
8.5 KiB
Plaintext
147 lines
8.5 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`renders ./components/flex/demo/align.vue correctly 1`] = `
|
|
<div class="ant-flex ant-flex-align-start ant-flex-gap-middle ant-flex-vertical">
|
|
<p>Select justify :</p>
|
|
<div class="ant-segmented ">
|
|
<div class="ant-segmented-group">
|
|
<!----><label class="ant-segmented-item ant-segmented-item-selected"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="flex-start">flex-start</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="center">center</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="flex-end">flex-end</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="space-between">space-between</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="space-around">space-around</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="space-evenly">space-evenly</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<p>Select align :</p>
|
|
<div class="ant-segmented ">
|
|
<div class="ant-segmented-group">
|
|
<!----><label class="ant-segmented-item ant-segmented-item-selected"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="flex-start">flex-start</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="center">center</div>
|
|
</label><label class="ant-segmented-item"><input class="ant-segmented-item-input" type="radio">
|
|
<div class="ant-segmented-item-label" title="flex-end">flex-end</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
<div class="ant-flex ant-flex-align-flex-start ant-flex-justify-flex-start" style="width: 100%; height: 120px; border-radius: 6px; border: 1px solid #40a9ff;"><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Primary</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Primary</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Primary</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Primary</span>
|
|
</button></div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/flex/demo/basic.vue correctly 1`] = `
|
|
<div class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical">
|
|
<div class="ant-radio-group ant-radio-group-outline"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="horizontal"><span class="ant-radio-inner"></span></span><span>horizontal</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="vertical"><span class="ant-radio-inner"></span></span><span>vertical</span></label></div>
|
|
<div class="ant-flex">
|
|
<div style="width: 25%; height: 54px; background: rgba(22, 119, 255, 0.749);"></div>
|
|
<div style="width: 25%; height: 54px; background: rgb(22, 119, 255);"></div>
|
|
<div style="width: 25%; height: 54px; background: rgba(22, 119, 255, 0.749);"></div>
|
|
<div style="width: 25%; height: 54px; background: rgb(22, 119, 255);"></div>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/flex/demo/combination.vue correctly 1`] = `
|
|
<div style="width: 620px;" class="ant-card ant-card-bordered">
|
|
<!---->
|
|
<!---->
|
|
<div class="ant-card-body" style="padding: 0px; overflow: hidden;">
|
|
<div class="ant-flex ant-flex-justify-space-between"><img alt="avatar" src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png" style="display: block; width: 273px;">
|
|
<div class="ant-flex ant-flex-align-flex-end ant-flex-justify-space-between ant-flex-vertical" style="padding: 32px;">
|
|
<article class="ant-typography">
|
|
<h3 class="ant-typography"> “antd is an enterprise-class UI design language and Vue UI library.”
|
|
<!---->
|
|
</h3>
|
|
</article><a class="ant-btn ant-btn-primary" href="https://antdv.com" target="_blank">
|
|
<!----><span>Get Start</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!---->
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/flex/demo/gap.vue correctly 1`] = `
|
|
<div class="ant-flex ant-flex-align-stretch ant-flex-gap-middle ant-flex-vertical">
|
|
<div class="ant-radio-group ant-radio-group-outline"><label class="ant-radio-wrapper ant-radio-wrapper-checked"><span class="ant-radio ant-radio-checked"><input type="radio" class="ant-radio-input" value="small"><span class="ant-radio-inner"></span></span><span>small</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="middle"><span class="ant-radio-inner"></span></span><span>middle</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="large"><span class="ant-radio-inner"></span></span><span>large</span></label><label class="ant-radio-wrapper"><span class="ant-radio"><input type="radio" class="ant-radio-input" value="customize"><span class="ant-radio-inner"></span></span><span>customize</span></label></div>
|
|
<!--v-if-->
|
|
<div class="ant-flex ant-flex-gap-small"><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Primary</span>
|
|
</button><button class="ant-btn ant-btn-default" type="button">
|
|
<!----><span>Default</span>
|
|
</button><button class="ant-btn ant-btn-dashed" type="button">
|
|
<!----><span>Dashed</span>
|
|
</button><button class="ant-btn ant-btn-link" type="button">
|
|
<!----><span>Link</span>
|
|
</button></div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`renders ./components/flex/demo/wrap.vue correctly 1`] = `
|
|
<div class="ant-flex ant-flex-wrap-wrap ant-flex-gap-small"><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button><button class="ant-btn ant-btn-primary" type="button">
|
|
<!----><span>Button</span>
|
|
</button></div>
|
|
`;
|