月度归档： 2018年11月

Nextcloud关闭维护模式

庄朋龙 • 2018年11月27日 • 发表评论

今天发给Nextcloud升级，升级到一半出问题了，刷新页面提示 Nextcl…

使用uni-app开发APP之图片上传代码示例

庄朋龙 • 2018年11月5日 • 发表评论

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

/* 第一套图片上传样式（内部图标相机） */

.upload-image-view {

width: 100%;

margin: 20upx 0 20upx 0;

display: flex;

flex-wrap: wrap;

align-items: center;

}

.upload-image-view .title {

width: 100%;

font-family: PingFang-SC-Regular;

font-size: 24upx;

color: #4a4a4a;

margin-bottom: 15upx;

line-height: 100%;

}

.upload-image-view .info {

width: 100%;

font-family: PingFang-SC-Regular;

font-size: 24upx;

color: #ff4259;

height: 24upx;

margin-top: 15upx;

line-height: 24upx;

}

.upload-image-view .image-view {

height: 130upx;

width: 130upx;

position: relative;

margin: 15upx 15upx 15upx 0upx;

border-radius: 8upx;

}

.upload-image-view .image-view image {

height: 100%;

width: 100%;

border-radius: 8upx;

}

.upload-image-view .image-view .del-btn {

background-color: #f67371;

border-radius: 50%;

width: 25upx;

height: 25upx;

position: absolute;

top: -12upx;

right: -12upx;

z-index: 2;

display: flex;

justify-content: center;

align-items: center;

}

.upload-image-view .image-view .del-btn .baicha {

display: inline-block;

width: 20upx;

height: 5upx;

background: #fff;

line-height: 0;

font-size: 0;

vertical-align: middle;

-webkit-transform: rotate(45deg);

}

.upload-image-view .image-view .del-btn .baicha:after {

content: '/';

display: block;

width: 20upx;

height: 5upx;

background: #fff;

-webkit-transform: rotate(-90deg);

}

.upload-image-view .add-view {

height: 115upx;

width: 115upx;

margin: 15upx 15upx 15upx 0upx;

display: flex;

align-items: center;

justify-content: center;

background: rgba(255, 255, 255, 0.00);

border: 3upx dashed #979797;

border-radius: 8upx;

}

/* 相机 */

.upload-image-view .add-view .xiangji {

height: 40upx;

width: 48upx;

display: flex;

justify-content: center;

flex-wrap: wrap;

}

.upload-image-view .add-view .xiangji .tixing {

width: 10upx;

height: 7upx;

background-color: #fff;

border-right: 10upx solid #fff;

border-bottom: 7upx solid #b2b2b2;

border-left: 10upx solid #fff;

}

.upload-image-view .add-view .xiangji .changfx {

height: 32upx;

width: 48upx;

border-radius: 5%;

background-color: #b2b2b2;

display: flex;

align-items: center;

justify-content: center;

}

.upload-image-view .add-view .xiangji .changfx .yuan1 {

height: 20upx;

width: 20upx;

border-radius: 50%;

background-color: #fff;

display: flex;

align-items: center;

justify-content: center;

}

.upload-image-view .add-view .xiangji .changfx .yuan2 {

height: 10upx;

width: 10upx;

border-radius: 50%;

background-color: #b2b2b2;

}

/* 第二套图片上传样式（内部图标十字架）*/

/* 十字架 */

.upload-image-view .add-view .cross {

height: 48upx;

width: 48upx;

display: flex;

flex-wrap: wrap;

position: relative;

}

.upload-image-view .add-view .cross .transverse-line {

height: 100%;

width: 48%;

position: absolute;

border-right: 3upx solid #5A5A5A;

top: 0;

left: 0;

}

.upload-image-view .add-view .cross .vertical-line {

height: 48%;

width: 100%;

position: absolute;

border-bottom: 3upx solid #5A5A5A;

top: 0;

left: 0;

}

[crayon…