book-cover

v0.0.6

v0.0.5

v0.0.4

v0.0.3

v0.0.2

v0.0.1

STATUS

Passing

DOWNLOADS

VISIBILITY

Public

PUBLISHED

4 years ago

SIZE

N/A

BookCover

React

1 contributor

Install book-cover as a package?

Copied

npm i @bit/webnovel.read-ui.book-cover

Set Bit as a scoped registryLearn more

npm config set '@bit:registry' https://node.bit.cloud

Component Example

React

Vue

Angular

React Native

Add dependency...

Just

import

any of the 1 million components

and packages in Bit or NPM to the example.

import Button from '@bit/grommet.grommet.button';
import Lodash from 'lodash';

modifieddraft

BookCover

DEMO

Properties

Name	Type	Default value	Description
sizes	`object`	`{ default: [96, 144], middle: [60, 90], small: [48, 72], smallx: [36, 54], large: [96, 128] }`	定义尺寸
src	`string`	"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAoHBwkHBgoJCAkLCwoMDxkQDw4ODx4WFxIZJCAmJSMgIyIoLTkwKCo2KyIjMkQyNjs9QEBAJjBGS0U+Sjk/QD3/2wBDAQsLCw8NDx0QEB09KSMpPT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT09PT3/wgARCADwALQDAREAAhEBAxEB/8QAGgABAQEBAQEBAAAAAAAAAAAAAAIBAwQFB//EABUBAQEAAAAAAAAAAAAAAAAAAAAB/9oADAMBAAIQAxAAAAD9eqTQAAAAAAAAAaSYUAAAAAAAAAQdDAaAAAAAAAAAQWYDQAAAAAAAACCzAaAAAAAAAAAQWYDQAAAAAAAACCzAaAADznoABxqjpAAAgswGgAA+cew05noPnV7DrAAAgswGgAA+dXsPIkHuXxnsjqAACCzAaAAD51ek4pxPYvmPZHUAAEFmA0AAV86oPVHY8lcD6MdYAAEFmA0AAHOuggKk2NAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNAAAAAAAAAILMBoAAAAAAAABBZgNBhpzIKNLJOZ0KOYLKAILMBoPMYczsSSZUntjygos07AEFmA0ElHIgo0sk5noJIBB6ACCzAaAAAAAAAAAQWSYUAAAAAAAAAQdASaAAAAAAAAADT//EADAQAAECAQkHBAMBAQAAAAAAAAEAAhIDBBEyYXKBkbEQMUNRcZLBICE0QBMiQRRC/9oACAEBAAE/ACQ0Un2AUY5nIqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FRi3IqMW5FB4JoBWAT6uI1TGiE1t5/6PNQDm7uKgHN3cVAObu4qAc3dxUA5u7ioBzd3FQDm7uKgHN3cVAObu4qAc3dxUA5u7ioBzd3FQDm7uKgHN3cVAObu4qAc3dxUA5u7ioBzd3FQDm7uKDQJQXv6bNj6uI1TKp6nX6nEF7xsfVxGqZVPU6/U4gveNj6uI1TKp6nX6nEF7xsfVxGqZVPU6/U4gveNj6uI1TKp6nX1vnRk5dzXCloo9xv3Jrg5oINIPuPRLzkSPsBE7lyUg8ykiHOopNOvr4gveNj6uI1TKp6nX1zr5L8NFNPjtx1UrLNkW0u3ncB/UyescaHAtt2Tr5L8NFNfjNx19fEF7xsfVxGqZVPU6+udfJfhopp8duOqnbi6cOHKgBSsl+ItFNJLaTYpq4um7Ty9lOvkvw0U1+M3HX18QXvGx9XEaplU9Tr6518l+GikJVknNml5A3+2KlJyC8mTYAT/AE701r5Z/tS5x3kqSl5JgEkDRD7UncVOvkPw0U1+M3HX18QXvGx9XEaplU9Tr6518l+GiZIvlKgJHP8Aik5iBXMVg3J8i10mWNpaLPZSkze2p+4s3ogg0EEHkVNfjNx19fEF7xsfVxGqZVPU6+syEmZQvcKSefpfJtlBQ8ApjGybA1u4eviC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqdfqcQXvGx9XEaplU9Tr9TiC942Pq4jVMqnqddpeA8NJ9yKQNhl2CTL94BopAQnkkTRSU+csk3Frt45BMl2PY5zTSGikpjw9oLTSCmSrXsLwaAN5K/2SUW91HOj2RlmNLQTXqn+FPe2TYS40AJ05YyiKL9hSEycybyQ2n2FKY9sowObuPo4gveNj6uI1TKp6nXbLvEnOZNztwBX55VoLpRtDH7qP8AlD4BvJhnFA/VkPtkj+T/AGP/ABw0wimLBSfsJwHih5aSeSkXOkGCUrSbqw5IfCsj9+iLWfioobBRhQpOTMpMyBva4lqa8zp0m01Wil1pUvEJ2yAAmH2B3f1NMqQ/8gaGwmrzU0+MOp9HEF7xsfVxGqZVPU67TJNe8OcKS3ciAQQRSCjNmmSMmCQCaUJpRxX+yfNo5QvD3NJ5Jk2axjxSSXCgk70yTaySDN7RzTJFrGFlFLSaaCv8bOb4eVPsmtDWgNFAG4Jkm1hcWisaSpWbiVeHRFpAoTJvAXfu51IoQmhaKGyrgOQTRC0CmmgUUnbxBe8bH1cRqmVT1Ov1OIL3jY+riNUxwhNbef8Ak81He7So73aVHe7So73aVHe7So73aVHe7So73aVHe7So73aVHe7So73aVHe7So73aVHe7So73aVHe7So73aVHe7Sg4GUF7+izYQHCg+4KgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKgFuZUAtzKDADSAsQv/xAAUEQEAAAAAAAAAAAAAAAAAAACQ/9oACAECAQE/ACy//8QAFBEBAAAAAAAAAAAAAAAAAAAAkP/aAAgBAwEBPwAsv//Z"	just img src
size	`"smallx" \| "small" \| "middle" \| "default" \| "large" \| "auto"`	`"default"`	书封尺寸：smallx: 36,small: 48,middle: 60,base: 96, auto : 100%
className	`?`	`""`