fis3-postprocessor-component-view
v1.0.8
Published
baidu fis3 plugin for css modules
Downloads
0
Maintainers
Readme
用法
<!-- 处理之前 -->
<style>
.control-file :global .input-group-btn > input {
position: absolute;
clip: rect(0 0 0 0);
outline: none;
}
</style>
<template>
<div class="form-group control-file">
<label class="control-label">头像</label>
<div class="input-group">
<input type="text" class="form-control" disabled>
<span class="input-group-btn">
<label class="btn btn-info" for="foo">选择图片</label>
<input type="file" name="file" id="foo">
</span>
</div>
</div>
</template>
// fis-conf.js
// ...
fis.match('/components/**/*.html', {
postprocessor: fis.plugin('component-view', { })
});
// ...
<!-- 处理之后 -->
<style>
.control-file_wvqyx_3 .input-group-btn > input {
position: absolute;
clip: rect(0 0 0 0);
outline: none;
}
</style>
<template>
<div class="form-group control-file_wvqyx_3 ">
<label class="control-label">头像</label>
<div class="input-group">
<input type="text" class="form-control" disabled>
<span class="input-group-btn">
<label class="btn btn-info" for="foo">选择图片</label>
<input type="file" name="file" id="foo">
</span>
</div>
</div>
</template>
css modules的用法参考 https://github.com/css-modules/css-modules