Initial commit: Client Doc docs Server Tools
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
+141
@@ -0,0 +1,141 @@
|
||||
export default function getStyle(data) {
|
||||
return {
|
||||
container: {
|
||||
width: data.width,
|
||||
height: data.height,
|
||||
borderRadius: 12,
|
||||
paddingLeft: data.width * 0.03,
|
||||
paddingRight: data.width * 0.03,
|
||||
},
|
||||
rankList: {
|
||||
width: Math.ceil(data.width * 0.94),
|
||||
height: data.height,
|
||||
},
|
||||
list: {
|
||||
width: Math.ceil(data.width * 0.94),
|
||||
height: data.height,
|
||||
},
|
||||
listItem: {
|
||||
position: 'relative',
|
||||
width: Math.ceil(data.width * 0.94),
|
||||
height: data.height / 2 / 3,
|
||||
flexDirection: 'row',
|
||||
alignItems: 'center',
|
||||
marginTop: 2,
|
||||
},
|
||||
rankBg: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: Math.ceil(data.width * 0.94),
|
||||
height: data.height / 2 / 3,
|
||||
},
|
||||
rankAvatarBg: {
|
||||
position: 'absolute',
|
||||
top: (data.height / 2 / 3) * 0.1,
|
||||
left: data.width * 0.08,
|
||||
width: (data.height / 2 / 3) * 0.8,
|
||||
height: (data.height / 2 / 3) * 0.8,
|
||||
},
|
||||
rankAvatar: {
|
||||
borderRadius: data.width * 0.06,
|
||||
marginLeft: data.width * 0.08 + (data.height / 2 / 3) * 0.1,
|
||||
width: (data.height / 2 / 3) * 0.6,
|
||||
height: (data.height / 2 / 3) * 0.6,
|
||||
},
|
||||
rankNameView: {
|
||||
position: 'relative',
|
||||
marginLeft: data.width * 0.06,
|
||||
width: data.width * 0.35,
|
||||
height: data.height / 2 / 3,
|
||||
},
|
||||
rankNameBg: {
|
||||
position: 'absolute',
|
||||
top: (data.height / 2 / 3) * 0.14,
|
||||
left: 0,
|
||||
width: data.width * 0.35,
|
||||
height: (data.height / 2 / 3) * 0.4,
|
||||
},
|
||||
rankName: {
|
||||
position: 'absolute',
|
||||
top: (data.height / 2 / 3) * 0.14,
|
||||
left: 0,
|
||||
width: data.width * 0.35,
|
||||
height: (data.height / 2 / 3) * 0.4,
|
||||
textAlign: 'center',
|
||||
lineHeight: (data.height / 2 / 3) * 0.4,
|
||||
fontSize: data.width * 0.043,
|
||||
textOverflow: 'ellipsis',
|
||||
color: '#fff',
|
||||
},
|
||||
rankScoreTip: {
|
||||
position: 'absolute',
|
||||
bottom: (data.height / 2 / 3) * 0.1,
|
||||
left: 0,
|
||||
width: data.width * 0.15,
|
||||
height: (data.height / 2 / 3) * 0.3,
|
||||
lineHeight: (data.height / 2 / 3) * 0.3,
|
||||
fontSize: data.width * 0.042,
|
||||
color: '#fff',
|
||||
},
|
||||
rankScoreVal: {
|
||||
position: 'absolute',
|
||||
bottom: (data.height / 2 / 3) * 0.1,
|
||||
left: data.width * 0.15,
|
||||
width: data.width * 0.18,
|
||||
height: (data.height / 2 / 3) * 0.3,
|
||||
lineHeight: (data.height / 2 / 3) * 0.3,
|
||||
fontSize: data.width * 0.042,
|
||||
color: '#fff',
|
||||
},
|
||||
shareNameView: {
|
||||
position: 'relative',
|
||||
marginLeft: data.width * 0.06,
|
||||
width: data.width * 0.35,
|
||||
height: (data.height / 2 / 3) * 0.4,
|
||||
},
|
||||
shareNameBg: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: data.width * 0.35,
|
||||
height: (data.height / 2 / 3) * 0.4,
|
||||
},
|
||||
shareName: {
|
||||
position: 'absolute',
|
||||
top: 0,
|
||||
left: 0,
|
||||
width: data.width * 0.35,
|
||||
height: (data.height / 2 / 3) * 0.4,
|
||||
textAlign: 'center',
|
||||
lineHeight: (data.height / 2 / 3) * 0.4,
|
||||
fontSize: data.width * 0.043,
|
||||
textOverflow: 'ellipsis',
|
||||
color: '#fff',
|
||||
},
|
||||
shareToBtn: {
|
||||
position: 'relative',
|
||||
marginLeft: data.width * 0.08,
|
||||
width: data.width * 0.21,
|
||||
height: data.height * 0.16,
|
||||
},
|
||||
shareBtnBg: {
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
top: data.height * 0.16 * 0.25,
|
||||
width: data.width * 0.21,
|
||||
height: data.height * 0.16 * 0.5,
|
||||
},
|
||||
shareText: {
|
||||
position: 'absolute',
|
||||
right: 0,
|
||||
top: data.height * 0.16 * 0.25,
|
||||
width: data.width * 0.21,
|
||||
height: data.height * 0.16 * 0.5,
|
||||
lineHeight: data.height * 0.16 * 0.5,
|
||||
textAlign: 'center',
|
||||
fontSize: data.width * 0.043,
|
||||
color: '#fff',
|
||||
},
|
||||
};
|
||||
}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 2b4bc4ec5b53dd44992d46ca7b062ebe
|
||||
DefaultImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
@@ -0,0 +1,18 @@
|
||||
export default function getStyle(data) {
|
||||
return {
|
||||
container: {
|
||||
flexDirection: 'row',
|
||||
width: data.width,
|
||||
height: data.height,
|
||||
justifyContent: 'center',
|
||||
alignItems: 'center',
|
||||
},
|
||||
tips: {
|
||||
color: '#000000',
|
||||
width: data.width,
|
||||
height: 50,
|
||||
fontSize: 50,
|
||||
textAlign: 'center',
|
||||
},
|
||||
};
|
||||
}
|
||||
+7
@@ -0,0 +1,7 @@
|
||||
fileFormatVersion: 2
|
||||
guid: 047bc94c21d7f7a47a7d0aaac9cdbd91
|
||||
DefaultImporter:
|
||||
externalObjects: {}
|
||||
userData:
|
||||
assetBundleName:
|
||||
assetBundleVariant:
|
||||
Reference in New Issue
Block a user